Dom2级添加的匿名函数事件怎么删除呢

来源:2-3 DOM2级事件处理程序

天宇流星

2017-04-27 12:18

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>


<body>

<input type="button" value="按钮1" id="btn1">

<input type="button" value="按钮2" id="btn2">

<script>

//Dom0级添加的事件

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

btn1.onclick=function(){

alert("这是Dom0级添加的事件");

}

//Dom2级添加的事件

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

//添加匿名函数

btn2.addEventListener("click",function(){alert("这是Dom2级添加的事件");},false);

//怎么删除之前添加的匿名函数事件,让它不起作用呢

btn2.removeEventListener("click",function(){alert("这是Dom2级添加的事件");},false);

</script>

</body>

</html>


写回答 关注

2回答

  • yinyun
    2017-05-10 20:15:16

    匿名函数无法被移除

  • ZJDreaming
    2017-04-27 14:41:46

    把匿名函数单独拎出来,用一个函数名代替,然后写removeElementListener('click',拎出来的那个函数名,false);

    清风流光 回复ZJDrea...

    removeEventListener 它的作用是移除事件本身,并不能删除已发生的事件, 我们删除是通过添加调用另一个函数删除方法进行删除或隐藏,这个昨天把我搞晕了。

    2017-05-05 11:59:02

    共 3 条回复 >

DOM事件探秘

DOM事件?本课程会通过实例来给小伙伴们讲解如何使用这些事件

99545 学习 · 1197 问题

查看课程

相似问题