js两种移除事件的方法

简介: js两种移除事件的方法

在js的学习中,为元素添加事件是非常常见的

那么,下面我带大家了解一下js中移除事件的两种方法

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <body>
    <input type="button" value="点我啊" id="fst" />
    <input type="button" value="不许点他" id="ftw" />
  </body>
  <script type="text/javascript">
//     第一种移除事件的方法
        document.getElementById("fst").onclick = function () {
          console.log('我被点击啦');
        }
        document.getElementById("ftw").onclick = function () {
          document.getElementById("fst").onclick = null;
        }
    //  第二种移除事件的方法
    var a = document.getElementById("fst");
    var b = document.getElementById("ftw");
    
    addListener(a, 'click', func1);
    addListener(a, 'click', func2);
    function func1() {
      console.log('我是函数1呀');
    }
    function func2() {
      console.log('我是函数2呀');
    }
    document.getElementById("ftw").onclick = function() {
      removeListener(a,'click',func2);
    };
  </script>
</html>


目录
相关文章
|
5天前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
2天前
|
JavaScript 前端开发
JS几种拼接字符串的方法
JS几种拼接字符串的方法
12 1
|
2天前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
10 1
|
4天前
|
JavaScript 前端开发 开发者
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
10 1
|
2天前
|
JavaScript 前端开发 安全
JavaScript实现跳转的方法
JavaScript实现跳转的方法
8 0
|
3天前
|
JavaScript 索引
js数组去重的常见方法
js数组去重的常见方法
11 0
|
5天前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
|
5天前
|
JavaScript 前端开发 Android开发
JavaScript触摸touch事件
JavaScript触摸touch事件
|
5天前
|
JavaScript 前端开发 UED
JavaScript 计时事件
JavaScript 计时事件
9 0
|
15天前
|
JavaScript 前端开发
JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?
JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?