javascript绑定事件addEventListener与attachEvent

Posted 2020-09-18 我爱小明

1、eleObj.addEventListener(eventName,handle,useCapture);

　　eleObj：DOM元素；

　　eventName：事件名称。注意，这里的事件名称没有“ on ”，如鼠标单击事件 click ，鼠标双击事件 doubleclick ，鼠标移入事件 mouseover，鼠标移出事件 mouseout 等。

　　handle：事件句柄函数，即用来处理事件的函数；

　　useCapture：Boolean类型，是否使用捕获，一般用false；

2、eleObj.attachEvent(eventName,handle);

　　eleObj：DOM元素；

　　eventName：事件名称。注意，与addEventListener()不同，这里的事件名称有“ on ”，如鼠标单击事件 onclick ，鼠标双击事件 ondoubleclick ，鼠标移入事件 onmouseover，鼠标移出事件 onmouseout 等；

　　handle：事件句柄函数，即用来处理事件的函数；

 

注意：addEventListener()是标准的绑定事件监听函数的方法，是W3C所支持的，Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持该函数；但是，IE8.0及其以下版本不支持该方法，它使用attachEvent()来绑定事件监听函数。所以，这种绑定事件的方法必须要处理浏览器兼容问题。