如何删除事件？

最新推荐文章于 2022-11-25 10:39:36 发布
最新推荐文章于 2022-11-25 10:39:36 发布
阅读量295 收藏
点赞数 2
分类专栏： 前端 文章标签： javascript html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50569789/article/details/120051130
版权

删除事件

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>删除事件</title>
    <style>
        div {
            width: 100px;
            height: 100px;
            background-color: pink;
        }
    </style>
</head>

<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <script>
        var divs = document.querySelectorAll('div');

        divs[0].onclick = function () {
            alert(11);
            // 1. 传统方式删除事件
            divs[0].onclick = null;
        }


        // 2. removeEventListener 删除事件
        divs[1].addEventListener('click', fn) // 里面的fn 不需要调用加小括号

        function fn() {
            alert(22);
            divs[1].removeEventListener('click', fn);
        }


        // 3. detachEvent
        divs[2].attachEvent('onclick', fn1);


        function fn1() {
            alert(33);
            divs[2].detachEvent('onclick', fn1);
        }
        /*removeEventListener() 方法用于移除由 addEventListener() 方法添加的事件句柄。

注意： 如果要移除事件句柄，addEventListener() 的执行函数必须使用外部函数，如上实例所示 (myFunction)。

匿名函数，类似 "document.removeEventListener("event", function(){ myScript });" 该事件是无法移除的。*/
    </script>
</body>

</html>
不易撞的网名
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
读jQuery之十二 删除事件核心方法
10-28
使用jQuery删除事件（或称解除事件绑定）有三个函数：unbind、die和undelegate。这三个方法都依赖于未公开的jQuery.event.remove（后续使用.remove简写）。此为删除事件的核心方法。
事件的删除
weixin_52212950的博客
02-27 366
代码中通常会要求一个事件只能进行一次，所以进行完一次后我们要删除事件 传统方法删除事件： element.onclick=null 执行过一次后按钮点击无效 <button>按钮1</button> <script> var btn=document.querySelector('button'); btn.onclick=function(){ alert('hello'); btn.onclick..
清除事件的方式
Un_YUI的博客
02-01 556
一般删除方式： div.onclick = null 事件源.事件类型 = null; 监听方式删除： div.addEventListener('事件类型(click)', 回调函数(fn)) /* 里面的 fn 不需要加小括号 */ function fn() { alert("I love China"); this.removeEventListener(“事件类型', 调用自己(fn)); // fn.removeEventLis
删除事件
王敬辉的博客
06-02 267
事件解绑 传统解绑方式 btn.onclick=function(){ alert(123); btn.onclick=null; } addEventListener绑定的事件解绑 用removeEventListener解绑 btn.addEventListener('click',fn); function fn(){ alert(222222222222); btn.removeEventListener('click',fn); } attachEvent绑定事件解绑 btn.at
删除事件（解绑事件）的方式
shhghvvh的博客
11-25 1864
【代码】删除事件（解绑事件）的方式。
事件的移除
weixin_43694639的博客
02-23 649
对于不同的事件添加方式，事件的移除也不同 1.用addEventListener添加事件，事件的移除用removeEventListener 例： &lt;script&gt; var btnlist=document.getElementsByClassName("classname"); for(var i=0;i&lt;btnlist.length;i++){ btnlist...
JavaScript实现添加及删除事件的方法小结
10-23
主要介绍了JavaScript实现添加及删除事件的方法,实例总结了javascript对事件的添加及删除的技巧,涉及javascript事件绑定的方法及浏览器兼容的相关注意事项,需要的朋友可以参考下
vCenter任务、事件清除
09-09
vCenter中任务、事件清除 适用于：vCenter 6.x，数据库为内置数据库非第三方数据库； 用法：压缩包文件解压到C盘根目录，运行批处理即可，
Android中的事件处理总结
01-03
Android中的事件处理总结 Android系统对动作做出的响应机制就是事件处理。Android提供了两种事件处理机制。 基于监听的事件处理机制 基于回调的事件处理机制 一、基于监听的事件处理机制 Android的事件监听机制就是...
读jQuery之十三 添加事件和删除事件的核心方法
10-28
最近看完了添加事件和删除事件的核心方法，忍不住想把jQuery的事件模块抠出来。jQuery的代码是非常内聚的，一环套一环。想独立出来不容易。
删除事件(解绑事件)
m0_62962469的博客
03-16 574
删除事件的方式 1.传统注册方式 eventTarget.onclick=null； <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { width: 100px; height: 100px; background-color:
删除按钮点击事件（批量删除）
weixin_44540482的博客
04-28 3615
首先去div上面早到这个button按钮找到删除按钮的ID 再把它放入click点击事件中 返回成功的数据 checkStatus 该方法库获取到表格所选中行的相关数据 获取选取行的数据数组 判断语句，如果选中数据，而且里面也有数据的话就会弹出一个“确定要删除选择的数据吗”的提示框，如果你没有选中再去点击删除的话，就换弹出“请选择需要删除的数据”的提示框 再次判断，判断选项里面有没有已经启...
删除事件（解绑事件）（三种方式）
weixin_45773503的博客
05-08 3887
1. 传统方式删除事件 eventTarget.onclick = null; 2. 方法监听注册方式删除（addEventListener注册的事件删除） eventTarget.removeEventListener(type, listener[, useCapture]) 注意：这里的函数要保存在外部，并且只能写 fn， 不能加括号。 3. attachEvent注册的事件删除 eventTarget.detachEvent(‘onclick’, fn); 看懂栗子（让 div 只能
jQuery中的移除事件
夜一
08-29 225
移除事件：unbind()–unbind(type,data)。第一个参数事件类型，第二个参数将要移除的函数，（1）如果没有参数，则删除所有绑定的函数（2）如果只提供了事件类型作为参数，则只删除该类型的绑定事件（3）如果把在绑定时传递的处理函数作为第二个参数，则只有这个特定的事件处理函数会被删除。 unbind(type [,data]) //data是要移除的函数 $(’#btn’).unbin...
事件 —【事件的添加与删除】
Zyl_CN的博客
06-06 575
addEventListener( “绑定类型”,函数，执行类型 ) removeEventListener( “绑定类型”,函数 )
HTML中是如何删除事件的
liulang68的博客
07-04 1004
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
前端之JS篇(九)——DOM之注册事件&删除事件&事件对象
m0_57021623的博客
10-31 923
DOM之注册事件&删除事件&事件对象
html 删除事件,HTML DOM removeEventListener() 方法
weixin_39982580的博客
06-05 575
HTML DOM removeEventListener() 方法element.removeEventListener()方法将删除已与element.addEventListener()方法关联的事件处理程序。注意：要删除事件处理程序，用addEventListener()方法指定的函数必须是外部的“命名”函数，如下面的示例(myFunc)。匿名函数，例如“ element .removeEv...
25-jQuery事件移除
yangyalun的博客
10-08 342
 jQuery的事件是通过off里的参数来执行的。 无参数：移除所有事件 一个参数：移除指定类型的指定事件 二个参数：移除指定函数的指定类型的指定事件 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;25-jQue
讲解事件委托？
最新发布
05-26
另外，在动态添加或删除元素时，也不需要重新绑定事件处理程序。 举个例子，如果有一个列表，我们想要为其中的每个列表项添加点击事件，我们可以将事件委托给列表元素，代码如下： ```javascript const list = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不易撞的网名

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值