1、把事件绑定到元素标识的属性。
事件属性名称由事件类型加“on”构成。
onclick onmouseover
HTML代码是不区分大小写的,所以直接写在html中,大小写都可以
A <a οnclick="function(){alert(1);}"></a>
B <a οnclick="A();"></a>
2、将事件绑定到对象中。
click mouseover
A document.forms[0].myButton.click=A();
B
绑定事件
window.attachevent("onload",function(){ }) (在IE中)
window.addEventListener("load",listener,useCapture) (在火狐中)
type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。
useCapture指定事件是否在捕获或冒泡阶段执行,true捕获阶段,false默认值,冒泡阶段
移除事件
window.detachEvent("onclick",fnA);
window.removeEventListener("click",fnA,useCaption);//第三个参数默认的false,是在冒泡阶段移除事件,true是在捕获阶段移除事件
兼容IE和火狐的事件处理:
var Event={
Addevent:function(element,type,fun){//传入元素,事件类型,执行方法
if(element.addEventListener){/*在火狐中*/
element.addEventListener(type,fun,false);
}
else if(elelment.attachEvent){/*在IE中*/
element.attachEvent("on"+type,fun);
}
else{alert("请使用IE,火狐,谷歌");}
}
Delevent:function(){
if(element.removeEventListener){/*在火狐中*/
element.removeEventListener(type,fun,false);
}
else if(elelment.detachEvent){/*在IE中*/
element.detachEvent("on"+type,fun);
}
else{alert("请使用IE,火狐,谷歌");}
}
};
3、<script>标签的for属性和event属性(支持IE4+)
<script for="window" event="onload">
event事件
for设置绑定事件的对象