zoukankan      html  css  js  c++  java
  • 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>

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

     

  • 相关阅读:
    intellij常用快捷键
    C++ 虚函数详解
    第七周作业
    第六周作业
    第四周作业
    第三周作业
    第二周作业
    第一周作业附加作业
    第一周作业。
    第0次作业
  • 原文地址:https://www.cnblogs.com/fuyunlin/p/14435882.html
Copyright © 2011-2022 走看看