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>

看起来应该很简单吧拜拜啦兄弟们

相关文章
|
14天前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
14 5
|
14天前
|
监控 JavaScript 前端开发
|
16天前
|
JavaScript 前端开发 API
javaScript中常用的String方法以及注意点总结
本文总结了JavaScript中常用的String对象的方法及其注意事项,包括大小写转换、字符获取、子字符串截取、字符串拼接、去除空格、替换、分割以及查找字符串中字符的索引等操作。提供了每种方法的使用示例代码,帮助理解它们的具体用法和差异。
28 2
|
1天前
|
JavaScript 前端开发 Android开发
JavaScript触摸touch事件
JavaScript触摸touch事件
|
1天前
|
JavaScript 前端开发 UED
JavaScript 计时事件
JavaScript 计时事件
6 0
|
2天前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
11天前
|
JavaScript 前端开发
JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?
JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?
|
11天前
|
JavaScript 前端开发
JavaScript从二维数组抽取元素组成新数组的三种方法
JavaScript从二维数组抽取元素组成新数组的三种方法
|
11天前
|
JavaScript 前端开发
用Javascript对二维数组DIY按汉语拼音的排序方法
用Javascript对二维数组DIY按汉语拼音的排序方法
|
13天前
|
JSON JavaScript 前端开发
6-19|Python数据传到JS的方法
6-19|Python数据传到JS的方法