JS事件绑定的方法

1、把事件绑定到元素标识的属性。

事件属性名称由事件类型加“on”构成。

onclick   onmouseover 

HTML代码是不区分大小写的，所以直接写在html中，大小写都可以

A  <a onclick="function(){alert(1);}"></a>

B  <a onclick="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设置绑定事件的对象