js两种移除事件的方法

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

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

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

  1.  
<!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>


目录
相关文章
|
2天前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
13 2
|
3天前
|
JavaScript 前端开发
JS几种拼接字符串的方法
JS几种拼接字符串的方法
14 1
|
3天前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
11 1
|
4天前
|
JavaScript 前端开发 开发者
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
10 1
|
1天前
|
JavaScript 前端开发
js关于时间的方法
js关于时间的方法
6 0
|
3天前
|
JavaScript 前端开发 安全
JavaScript实现跳转的方法
JavaScript实现跳转的方法
9 0
|
3天前
|
JavaScript 索引
js数组去重的常见方法
js数组去重的常见方法
13 0
|
6天前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
|
5月前
|
JavaScript 前端开发
js开发:请解释事件冒泡和事件捕获。
JavaScript中的事件处理有冒泡和捕获两种方式。事件冒泡是从子元素向上级元素传递,而事件捕获则从外层元素向内层传递。`addEventListener`的第三个参数可设定事件模式,`false`或不设为冒泡,`true`为捕获。示例代码展示了如何设置。
45 2
|
3月前
|
JavaScript
js 事件流、事件冒泡、事件捕获、阻止事件的传播
js 事件流、事件冒泡、事件捕获、阻止事件的传播
53 1