卸载事件off()方法
来源:互联网 发布:服务器如何开放端口 编辑:程序博客网 时间:2024/06/08 08:30
卸载事件off()方法
- 通过.on()绑定的事件处理程序
- 通过off() 方法移除该绑定
根据on绑定事件的一些特性,off方法也可以通过相应的传递组合的事件名,名字空间,选择器或处理函数来移除绑定在元素上指定的事件处理函数。当有多个过滤参数时,只有与这些参数完全匹配的事件处理函数才会被移除
绑定2个事件
$("elem").on("mousedown mouseup",fn)
删除一个事件
$("elem").off("mousedown")
删除所有事件
$("elem").off("mousedown mouseup")
快捷方式删除所有事件,这里不需要传递事件名了,节点上绑定的所有事件讲全部销毁
$("elem").off()
下面代码参考off用法即可。。。别人给的例子,写的真是龊
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> .left div, .right div { width: 100%; height: 50px; padding: 5px; margin: 5px; float: left; border: 1px solid #ccc; } .left div { background: #bbffaa; } .right div { background: yellow; } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script></head><body> <h2>删除事件</h2> <h4>测试一</h4> <div class="left"> on('mousedown mouseup') <div class="aaron">点击触发</div> </div> <button>点击删除mousedown事件</button> <script type="text/javascript"> var n = 0; //绑定事件 $(".aaron:first").on('mousedown mouseup', function(e) { $(this).text( '触发类型:' + (e.type) + ",次数" + n) ++n; }) //删除事件 $("button").click(function() { $(".aaron:first").off('mousedown') }) </script> <h4>测试一</h4> <div class="left"> on('mousedown mouseup') <div class="aaron">点击触发</div> </div> <button>点击销毁所有事件off</button> <script type="text/javascript"> var n = 0; //绑定事件 $(".aaron:last").on('mousedown mouseup', function(e) { $(this).text( '触发类型:' + (e.type) + ",次数" + n) ++n; }) //删除事件 $("button").click(function() { $(".aaron:last").off() }) </script></body></html>
阅读全文
0 0
- 卸载事件off()方法
- jquery的on、off、one、bind、delegate、live、die绑定事件方法研究
- js 事件绑定的方法bind(),on(),off()
- 浅谈jQuery代码优化之事件委托(事件绑定)——bind()|live()|delegate()|on()|off()|one()方法
- JQ高级事件之on、off、one
- jQuery事件-绑定.on()和解绑.off()
- 创建卸载鼠标事件
- 加载与卸载事件
- 卸载app事件监听
- jq事件绑定.on()、解绑事件off()用法详解
- jQuery高级事件---on、off、one和事件委托
- jquery的off方法,让onclick失效
- jquery事件委托off与on连用无效的问题
- 监听卸载和安装事件
- 程序安装/卸载事件监听
- 【Javascript】卸载事件(onunload)
- LoadRunner完全卸载方法
- 服务安装卸载方法
- 用Eclipse插件Git,让Repository回滚到之前的版本
- JAVAEE之Servlet进阶
- http://repo.varnish-cache.org/redhat/varnish-3.0/el7/x86_64/repodata/repomd.xml: [Errno 14]
- Java国际化
- <algorithm>中的sort()函数
- 卸载事件off()方法
- Nmap扫描教程之基础扫描详解
- ANDROID下使用PROPERTIES文件保存程序设置
- Activity之间传递数据的三种方式详解
- 深入浅出,Handler机制外科手术式的剖析(ThreadLocal,Looper,MessageQueen,Message)(上)
- ViewPagerIndicator
- Angular初体验
- 06. 会话管理
- 根据指定字符长度截取字符串(包含中英文)