event_2：删除事件

一  传统方式移除

1）基本语法

ul.onclick = null;

2）代码范例

<div>按钮</div>
<script>
    //1 获取元素
    var divs = document.querySelectorAll('div');
    //2 绑定事件
    divs[0].onclick = function () {
        alert('你好');
        divs[0].onclick = null;//3 解绑事件/删除事件
    }
</script>

 

二 监听事件移除

1）基本语法

ul.removeEventListener('事件类型名称',函数名);//函数名不加小括号

2）代码范例

<div>按钮</div>
<script>
    //1 获取元素
    var divs = document.querySelectorAll('div');
    //2 绑定事件
    divs[0].addEventListener('click',funName);
    function funName() {
        alert(11);
        divs[0].removeEventListener('click',funName);//删除函数事件
    }
    //如果需要删除事件，绑定事件的时候就不能用匿名函数
</script>

 

--------------------------------------------------- 只做了解 ---------------------------------------------------------------