在js编写事件的时候,还是提倡用addEventListener来编写的。理由如下: 1、一种动作可以出发多个事件。(不使用的时候,会后面的事件覆盖掉前面的事件。) 以click举例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>mydemo</title> </head> <body> <div id="app" style="width: 100px;height: 100px;background-color: mediumspringgreen;">点击我</div> <div id="aaa" style="font-size: 16px;"> </div> </body> <script type="text/javascript"> var html=''; var aa= document.getElementById('aaa'); var app=document.getElementById('app'); app.addEventListener('click',Fn,false); app.addEventListener('click',Fns,false); function Fn () { html+='6'; aa.innerText=html; console.log(html); } function Fns () { html+='8'; aa.innerText=html; console.log(html); } </script> </html>这种情况下每点击一下都会执行两个函数; 2、可以移除事件。 如果想要移除Fns事件,只需加上下面的代码就可以了。
app.removeEventListener('click',Fns,false);这个也很好记: 他们的参数都一样,只需要把addEventListener 换成removeEventListener 就行了。