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