zoukankan      html  css  js  c++  java
  • 移除事件

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
    </head>
    <body>
      <input type="button" value="按钮" id="btn">
      <script>
        var btn = document.getElementById('btn');
        // btn.onclick = function () {
        //   alert('hello world');
        //   // 移除事件
        //   btn.onclick = null;
        // }
        // 
        // 如果想要移除事件,注册事件的时候不能使用匿名函数
        // btn.addEventListener('click', function () {
        //   alert('hello world'); 
        //   // 移除事件
        //   btn.removeEventListener('click', )
        // });
        // 
        // function btnClick () {
        //   alert('hello world');
        //   // 移除事件
        //   btn.removeEventListener('click', btnClick);
        // }
        // btn.addEventListener('click', btnClick);
        // 
        // chrome 中不支持attachEvent。 IE9-10
        function btnClick() {
          alert('hello world');
          // 移除事件
          btn.detachEvent('onclick', btnClick);
        }
        btn.attachEvent('onclick', btnClick);
      </script>
    </body>
    </html>
  • 相关阅读:
    2019.1.8兔子问题和汉诺塔问题的解决代码
    REST
    存储过程和函数练习
    十六、性能优化
    十五、MySQl日志
    Shell入门
    十四、数据备份
    十三、MySQL触发器
    十二、视图
    十一、MySQL锁
  • 原文地址:https://www.cnblogs.com/jiumen/p/11413564.html
Copyright © 2011-2022 走看看