js事件解绑

最新推荐文章于 2024-06-22 15:55:01 发布
最新推荐文章于 2024-06-22 15:55:01 发布
阅读量432 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41998938/article/details/97136811
版权

1.解绑事件的使用方法：
在这里插入图片描述
2.具体应用
代码如下：

<!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>
</head>
<body>
    <button id="btn2">DOM2级事件绑定方式</button>
    <script>
        var Dom2 = function(){
            alert('DOM2级事件绑定方式');
        }

        var btn2 = document.getElementById("btn2");
        btn2.addEventListener('click',Dom2,false);
        
        //事件解绑
        btn2.removeEventListener('click',Dom2);
    </script>
</body>
</html>

如果在定义事件时使用内部函数（也就是没有方法名称的），解绑将会失败。所以，事件解绑成功的主要原因就是：保持addEventListener和removeEventListener里面的参数一致。

YRZ-James
关注
专栏目录
jQuery移除元素自动解绑事件实现思路及代码
10-25
在jQuery中，移除元素并自动解绑事件是优化网页性能的重要步骤，因为未解绑的事件会继续占用内存，导致资源浪费。本文主要探讨如何使用jQuery的`remove()`、`html()`和`empty()`方法来移除元素，并在移除前确保事件...
js解除绑定事件
weixin_44766633的博客
06-22 1013
js解除绑定事件 特别注意事项：addEventListener和attachEvent在结构里面的函数都需要写出来，然后再在结构里面调用函数，这样可以确保两个结构里面的都是同一个函数。如果说把函数体写入结构里面，那么就相当于深度复制，两个函数体完全不是同一个函数体 注意:用什么方式绑定事件,就应该用对应的方式解绑事件 1.解绑事件 对象.on事件名字=事件处理函数—>绑定事件 对象.on事件名字=null/false; 2.解绑事件 对象.addEventListener(“没有on的事件类型”,
JS事件的绑定和解绑
zws_bai的博客
03-22 2633
/* 事件三要素 1、事件源：在谁的身上绑定事件 2、事件类型：什么事件 3、事件处理函数：当行为发生的时候，执行那一个函数 ==>div.onclick=function(){} ==>div:事件源（绑定在div身上的事件） ==>click：事件类型 ...
JS——注册事件及解绑事件
weixin_52148548的博客
02-13 1458
这里写目录标题概念1. 传统方式（on~）注册事件解绑事件2. 事件监听注册方式 addEventListener()注册事件解绑事件3.两种方式的区别传统方式事件监听注册方式 概念 给元素添加事件，称为注册事件或绑定事件。 给元素移除事件，称为解绑事件。 1. 传统方式（on~） 注册事件 以on开头的事件： onclick（鼠标单击），onmousemove（鼠标移动）等等 语法： target.onclick=function(){}; 举例：给button注册事件，使按下打印数字1 <but
【JavaScript-DOM重点核心】事件绑定，解除事件，DOM事件流
zhaochen1127的博客
09-14 1630
js中的DOM核心重点，本篇文章将带你了解，绑定事件，解绑事件，DOM事件流的那些事，以及在使用中的注意点
js基础知识（2）
智商不在服务区的博客
04-25 1121
addEventListener() 方法用于向指定元素添加事件处理程序（事件句柄handler）。参数1：事件名称必须。字符串，指定事件名。注意: 不要使用 “on” 前缀。例如，使用 click ,而不是使用 onclick。参数2：function 必须。指定要事件触发时执行的函数。注意：事件对象会作为第一个参数传入函数。参数3：useCapture 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。true - 事件处理程序（事件句柄）在捕获阶段执行false默认。
JavaScript元素事件的绑定与解绑
流楚丶格念的博客
08-21 4173
为元素绑定事件(DOM):一种,但是不兼容,有两种 1 对象.addEventListener(“事件类型”,事件处理函数,false);–谷歌和火狐支持,IE8不支持 2 对象.attachEvent(“有on的事件类型”,事件处理函数)–谷歌不支持,火狐不支持,IE8支持 为按钮绑定点击事件 参数1:事件的类型—事件的名字,没有on 参数2:事件处理函数—函数(命名函数,匿名函数) 参数3:布尔类型,目前就写false-----没有为什么,不解释,明天说 参数1:事件类型—事件名字，有on 参数2:事件
jquery事件绑定解绑机制源码解析
10-21
当需要解绑事件时，`off`方法会被调用。如果未指定回调函数，`off`方法会从元素缓存中取出对应事件类型的整个处理函数队列，并逐一解除绑定。如果指定了回调函数，则只解绑该特定的事件处理函数。 在`on`方法中，还...
javascript事件绑定学习要点
10-22
它通过attachEvent和detachEvent来绑定和解绑事件。IE事件处理函数支持事件处理函数的自动this绑定，即在事件处理函数中，this默认指向事件源对象，而不是通过W3C标准的event.target属性。但IE事件处理函数不支持...
jQuery事件多次绑定与解绑问题实例分析
10-17
- 使用`.off()`或`.unbind()`可以解绑事件，可以指定特定的事件处理函数，也可以解绑所有事件处理函数。 - 注意，`.off()`和`.unbind()`不会影响通过HTML属性直接绑定的事件处理函数，如果需要解除这些函数，需要...
JavaScript事件处理程序详解
10-19
IE使用attachEvent和detachEvent方法来绑定和解绑事件。这些方法是在window对象上使用的，而非元素本身。在eventUtil中，也对这些方法进行了封装处理，使得在IE环境下也能添加和移除事件监听器。 在了解了这些基础...
Javascript：解绑事件
最新发布
听海边涛声
06-22 186
Javascript：解绑事件
JS中事件的绑定和解绑
qq_48937489的博客
12-04 2156
JS中事件的绑定和解绑、dem0级事件（'on数据类型'）、dem2级事件(事件源.addEventListener('事件类型', 事件处理函数)、、事件源.removeEventListener('事件类型', 事件处理函数)、事件源.attachEvent('on事件类型', 事件处理函数)、事件源.detachEvent('on事件类型', 事件处理函数)) 复杂数据类型的比较
【JavaScript】事件绑定、事件解绑、常见事件类型、事件对象
LuWeien的博客
01-04 1736
/ // 5. dragleave 拖拽元素离开拖放元素范围触发。// console.log("表单空间获取焦点");// console.log("把别的元素拖进来");// console.log("把别的元素拖走了");// console.log("表单失去焦点");// console.log("表单输入事件");// * // 10. mouseleave 鼠标离开。// console.log("开始拖拽");
事件绑定与事件解绑
weixin_64105376的博客
03-25 1459
在js学习过程中，事件的绑定以及解绑是不必可少的。 第一种方式：最开始我们学习的就是 var btn = document.querySelector("button") btn.onclick=function(){ //填上点击事件触发的效果 } 这种直接绑定形式，解绑也非常的简单。 btn.onclick=null 这个也很好理解，当这个对象的点击事件为null，就自动对该事件进行解绑了。 第二种方式就是通过 对象.addEventListener('事件（不带on）',函数) .
JavaScript事件绑定、事件解绑
weixin_52629158的博客
05-03 518
重要事情说三遍：attachEvent是IE浏览器独有的！attachEvent是IE浏览器独有的！attachEvent是IE浏览器独有的！绑定事件 addEventListener() 与 attachEvent()，这两个函数，都可以做事件绑定。this不同，addEventListener中的this是当前绑定事件的对象。addEventListener 中事件的类型（事件的名字）没有on。attachEvent 中事件的类型（事件的名字）有on。attachEvent中的this是window。
js事件解绑的两种方式
dong_dong222的博客
02-26 768
传统解绑方式 非传统解绑方式
事件--绑定与解绑
weixin_68258851的博客
07-18 290
1.事件。
【JS笔记】JS常见的事件、事件传播、事件解绑、事件委托、阻止事件冒泡、阻止默认行为、正则表达式
✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 CSDN 记录学习心得和笔记内容。
05-05 581
JS中的事件是由三部分组成的，分别是：事件源、事件类型、事件处理函数。事件源是指：谁触发了事件；事件类型是指：触发了什么事件；事件处理函数是指：触发事件之后，应该做什么事情。
vue3自定义事件解绑
05-27
在Vue3中，可以使用`emits`选项来声明组件所支持的自定义事件，并且可以使用`$off`方法来解绑自定义事件。 假设我们有一个自定义事件`my-event`，它在组件中被触发和监听。我们可以在组件的`emits`选项中声明该事件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值