绑定事件和取消绑定事件

最新推荐文章于 2024-05-15 22:16:44 发布
最新推荐文章于 2024-05-15 22:16:44 发布
阅读量604 收藏
点赞数
分类专栏： jQuery 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44642803/article/details/105852531
版权

给id="a"的按钮绑定输出xxx的事件

<body>
    <button id="a">输出</button>
    <button id="b">转换</button>
    <script type="text/javascript" src="jquery.js"></script>
    <script>  
        $(document).ready(function(){
            $("#a").bind("click",function(){
                alert("xxx");
            });
        });
    </script>
</body>

取消给id="a"的按钮绑定输出xxx的事件

<body>
    <button id="a">输出</button>
    <button id="b">转换</button>
    <script type="text/javascript" src="jquery.js"></script>
    <script>  
        $(document).ready(function(){
            $("#a").bind("click",function(){
                alert("xxx");
            });
            //下面的代码会取消id="a"的按钮绑定的事件
            $("#b").click(function(){
                $("#a").unbind();
            });
        });
    </script>
</body>

嵌套使用

<body>
    <button id="a">输出</button>
    <button id="b">转换</button>
    <script type="text/javascript" src="jquery.js"></script>
    <script>  
        $(document).ready(function(){
            $("#a").bind("click",function(){
                alert("xxx");
            });
            //也可以相互嵌套
            $("#b").click(function(){
                $("#a").unbind();
                $("#a").bind("click",function(){
                	alert("vvv");
            	});
            });
        });
    </script>
</body>

请访问https://www.w3school.com.cn/jquery/event_unbind.asp以查找更完整的解决方案

怪人友cj
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解除事件绑定的方法
qq_45716607的博客
04-27 595
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> di
JS - 函数节流封装
堇年
10-05 1202
函数节流[throttle] 函数节流也是优化高频率执行js代码的一种手段 可以减少高频调用函数的执行次数 函数节流作用 减少代码执行次数, 提升网页性能 函数节流应用场景 oninput / onmousemove / onscroll / onresize等事件 函数节流和函数防抖区别 函数节流是减少连续的高频操作函数执行次数 (例如连续调用10次, 可能只执行3-4次) 函数防抖是让连...
事件绑定及解除事件绑定
weixin_33766805的博客
05-04 459
事件绑定的方式 1) ele.onXXX = function(event) {} this 指向 dom 2) ele.addEventListener(type, fn, false);一个事件可以绑定多个函数 this 指向 dom 3) ele.attachEvent('on'+type, fn); this 指向 window（更改方法如下：） 复制代码 var d...
JavaScript学习5：DOM（注册事件、删除事件、DOM事件流、事件对象
最新发布
2401_84412194的博客
05-15 1043
这也是为什么大家都说35岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。例如：可能ul>li 给ul绑定了onclick事件，因此this是ul，但是点击时可能点了li，此时e.target为li，通过冒泡阶段，ul的点击事件也能触发。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。方法监听注册方式：（重要）
绑定事件和解除绑定事件
aliven1的博客
02-05 641
这个例子在addEventListener()和removeEventListener()中用的是相同的函数 通过addEventListener()添加的事件处理程序只能使用removeEventListener()来移除；移除时传入的参数与添加处理程序时使用的参数相同。这也意味着通过addEventListener()添加的匿名函数无法移除 https://blog.csdn.net/...
【jquery事件对象event】| jqeury bind 绑定事件与 unbind删除绑定事件| pageX pageY
Fanbin168的专栏
04-11 1821
a b c //绑定一个事件 $("#a").bind("click", function () { alert("单击事件"); }) //同时绑定多个事件,每个事件执行不同的任务 $("#b").bind({ "mouseover": function () {
C#移除所有事件绑定的方法
09-03
事件绑定通常涉及订阅和取消订阅事件。然而，在某些情况下，我们可能需要一次性移除所有事件绑定，例如在对象销毁或重置状态时。本文将深入探讨如何在C#中实现这一功能。 首先，我们需要理解C#中的事件机制。事件是...
动态的绑定事件addEventListener方法的使用
09-04
// 动态绑定事件 可以取消绑定 document.getElementById("but1").addEventListener("onclick", test); ``` 值得注意的是，`addEventListener`的一个重要特性是它支持多个事件处理函数。这意味着你可以为同一个...
多种jQuery绑定事件的实现方式
10-22
3. 同时传入多个事件和处理函数： ```javascript $(":text").bind("dblclick blur", function() { console.log("双击或者失去焦点"); }); ``` 取消事件绑定同样有多种方式： 1. 使用`.unbind()`移除特定事件： ``...
jquery中取消和绑定hover事件的实现代码
10-22
下面小编就为大家带来一篇jquery中取消和绑定hover事件的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
layer.confirm取消按钮绑定事件的方法
10-18
今天小编就为大家分享一篇layer.confirm取消按钮绑定事件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
一个使绑定和（特别是）解除绑定DOM事件更容易的实用程序-JavaScript开发
05-26
使绑定和（特别是）解除绑定DOM事件更容易的实用程序。 我似乎在每个新项目中都再次编写了此文件，因此使它成为一个库bind-event-listener一个实用程序，可以使绑定和（尤其是）解除DOM事件更加容易。 我似乎在每个新项目中都再次编写了此代码，因此我将其从“ bind-event-listener”库导入{bind，UnbindFn}。 const unbind：UnbindFn = bind（button，{type：'click'，listener：onClick，}）; //完成后：unbind（）; 从'bind-event-listener'导入{bindAll}; const unbind = bind（button，[{type：'click'，listener：onClick，options：{capture：true
事件的绑定与取消
weixin_52026870的博客
12-15 191
为同一个元素添加相同的事件时，后添加的事件会覆盖之前添加的。 o.οnclick=function（）{ alert（1）； }; o.οnclick=function（）{ alert（2）； }; 打印结果为2。 为了解决后写的覆盖之前的，就需要使用事件的绑定。 ...
jQuery取消绑定事件
红尘炼炼心的博客
03-14 2156
一个已被绑定的事件可以解除绑定，通过off('click', function)实现 function hello() { alert('hello!'); } a.click(hello); // 绑定事件 // 10秒钟后解除绑定: setTimeout(function () { a.off('click', hello); }, 10000); ...
Alert组件关闭触发的事件。
weixin_30532973的博客
05-03 193
示例： 代码： <?xmlversion="1.0"encoding="utf-8"?> <!--http://blog.flexexamples.com/2008/05/01/detecting-when-an-alert-control-is-closed-in-flex/--> <mx:Applicationxmlns:mx="htt...
注册事件（绑定事件）及移除事件的三种方式
qq_51387458的博客
04-03 1115
注册事件（绑定事件）及移除事件的三种方式
jQuery 中的事件绑定与取消绑定
weixin_34189116的博客
10-25 75
　　1：在jQuery中使用bind方法进行事件的绑定，bind方法有两个参数，第一个参数是事件的类型例如click,change,keyup，keydown,blur,focus等。第二个参数是一个回调函数（callback function）,当事件被触发时会执行这个回调函数。 　　如果想清除绑定的事件可以使用unbind方法，此方法接收一个事件类型作为参数，$(element).unbin...
jquery 事件绑定及取消 bind live delegate on one区别 （超详细且通俗易懂）
m0_62360527的博客
05-17 2630
jquery 事件绑定及取消 bind live delegate on 区别 （超详细且通俗易懂）
Jquery EasyUI $.messager.alert控件关闭回调事件
weixin_42064877的博客
03-18 1622
【代码】Jquery EasyUI $.messager.alert控件关闭回调事件。
取消事件绑定的兼容函数
05-25
取消事件绑定的兼容函数可以通过以下几种方式实现： 1. 使用原生的removeEventListener()方法，该方法可以在现代浏览器中正常工作，但在旧版IE中可能会出现问题。 ``` function removeHandler(elem, eventType, handler) { if (elem.removeEventListener) { elem.removeEventListener(eventType, handler, false); } else if (elem.detachEvent) { elem.detachEvent('on' + eventType, handler); } else { elem['on' + eventType] = null; } } ``` 2. 使用IE特有的detachEvent()方法。 ``` function removeHandler(elem, eventType, handler) { if (elem.detachEvent) { elem.detachEvent('on' + eventType, handler); } else if (elem.removeEventListener) { elem.removeEventListener(eventType, handler, false); } else { elem['on' + eventType] = null; } } ``` 3. 使用元素的属性值为null来取消事件绑定。 ``` function removeHandler(elem, eventType, handler) { if (elem['on' + eventType] !== undefined) { elem['on' + eventType] = null; } else if (elem.removeEventListener) { elem.removeEventListener(eventType, handler, false); } else if (elem.detachEvent) { elem.detachEvent('on' + eventType, handler); } } ``` 这些兼容函数可以确保在不同的浏览器中都可以正确地取消事件绑定。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值