js中addEventLister()函数的用法

addEventListener()用于给元素添加事件

removeEventListener()用于撤销元素事件。

相关链接

///

如果浏览器不支持addEventListener(),可以使用attachEvent()来代替，

attachEvent("click",myfunc)//ie8及更早版本不支持addEventListener();

当addEventListerner()第三个参数为true时，执行事件捕获，默认为false,执行事件冒泡

eg：

<div id=“p1”>

这是div

<p id="p1">这是段落</p>

</div>

<script>

document.getElementById("p1").addEventListener("click",myfunc1);

document.getElementById("div1").addEventListener("click",myfunc2);

</script>

这样默认执行事件冒泡（ie只支持冒泡），

如果点击p,会先执行p的myfunc1,然后再执行div的myfunc2;

如果都把第第三个参数改成true，那么函数的执行顺序会相反。

两位addEventListener()还可以给一个元素添加多个事件。

eg:

document.getElementById("p1").addEventListener("click",myfunc1);

document.getElementById("p1").addEventListener("click",myfunc3);

当点击p时，myfunc1,myfunc3都会发生。