js中使用addEventListener和不使用的区别

xiaoxiao2021-02-28  13

在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 就行了。

转载请注明原文地址: https://www.6miu.com/read-1600097.html

最新回复(0)