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()来绑定事件监听函数。所以，这种绑定事件的方法必须要处理浏览器兼容问题。
javascript绑定事件addEventListener与attachEvent
原文：http://www.cnblogs.com/ilovexiaoming/p/6854317.html