addeventlistenerie8支持吗

答案:1 悬赏:0 手机版

解决时间 2021-03-03 13:52

提问者网友：饥饿走向夜
2021-03-02 19:50

最佳答案

五星知识达人网友：胯下狙击手
2020-01-31 11:32

在之前的一篇经验中介绍了使用attchEvent和detachEvent添加、注销事件；

火狐和其他浏览器都不支持,幸运的是他们都支持W3C标准的：

addEventListener和removeEventListener方法

形如：element.addEventListener(type,listener,useCapture);//添加事件

element.removeEventListener(type,listener,useCapture);//注销事件

这里需要和attchEvent相区别，event直接写事件名即可，如click事件->object.addEventListener("click",listener,useCapture);

例：

JS：

window.onload = function(){

var btn1 = document.getElementById("btn1");

btn1.addEventListener("click",test1,false);

var btn2 = document.getElementById("btn2");

btn2.addEventListener("click",function(){

btn1.removeEventListener("click",test1,false);

},false);

}

function test1(){

alert("111");

}

--------------------------------------------

html：

-------------------------------------------------------------------------------

再将上面的例子改一下：

JS：

window.onload = function(){

var btn1 = document.getElementById("btn1");

btn1.addEventListener("click",test1,false);

btn1.addEventListener("click",test2,false);

btn1.addEventListener("click",test3,false);

var btn2 = document.getElementById("btn2");

btn2.addEventListener("click",function(){

btn1.removeEventListener("click",test1,false);

},false);

}

function test1(){

alert("111");

}

function test2(){

alert("222");

}

function test3(){

alert("333");

}

HTML：

现象：页面打开之后，点击【测试addEventListener】，依次弹出"111","222","333"。

说明，使用addEventListener添加事件后按照绑定顺序执行。

再点击【测试removeEventListener】，则会发现不再弹“111”，即test1事件被注销。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息