jquery中bind事件时的命名空间用法
来源:互联网 发布:传奇数据库修改 编辑:程序博客网 时间:2024/04/28 01:11
- 场景:页面上的某个元素bind多个click事件处理函数,视用户的具体交互情况来决定到底使用哪个处理函数。
- 问题:
- unbind时会解绑所有的click事件,造成误伤。如果之前bind时有定义处理函数的方法名,可以通过将方法名传给unbind的第二个参数来解绑指定的bind;但很多情况下bind的处理函数都是匿名函数,此时unbind的第二个参数无法处理。
- click事件发生时无法指定调用某个具体的事件处理函数,只能将不该调用的函数给unbind掉。
- 解决:采用命名空间,命名空间用法
- <pre name="code" class="javascript"><script type="text/javascript" src="jquery-1.7.1.min.js"></script>
- <input type="text" id="test">
- <script>
- $("#test").bind('click.a',function(){
- alert(1);
- });
- $("#test").bind('click.b',function(){
- alert(2);
- });
- $("#test").bind('click.c',function(){
- alert(3);
- });
- $("#test").unbind('click.a'); //解绑a
- $("#test").trigger('click.c'); //弹出3
- $("#test").click(); //弹出2、弹出3
- </script></pre>
- <pre></pre>
- <pre></pre>
- <pre></pre>
- <pre></pre>
通过事件名(click)后加'.'来指定新的命名,本例中分别指定的新的命名a、b、c,这样在unbind时就可以解绑指定的函数;在trigger时就可以调用指定的函数。很多js扩展功能都采用命名空间来区分出自己的事件和避免与页面原有事件产生冲突。
- jquery中bind事件时的命名空间用法
- jquery中bind事件时的命名空间用法
- Jquery中神奇的事件命名空间
- jQuery bind命名空间
- jQuery bind命名空间
- jQuery中事件命名空间
- jQuery中事件命名空间
- jQuery 事件的命名空间
- jQuery 事件的命名空间
- 事件命名空间的用法
- jQuery中绑定事件的命名空间详解
- JQuery中Bind()事件用法分析
- jQuery事件命名空间
- jquery事件命名空间
- jquery事件绑定bind的用法
- jQuery绑定事件的命名空间
- jQuery的事件绑定命名空间
- jquery的事件命名空间详解
- 深入研究ReentrantLock(重入锁)之引出话题篇
- gcc 编译静态链接库
- 新浪微博API使用初步介绍——解决回调地址的问题
- 射线与地形的碰撞检测
- 在线脑图(思维导图)服务网站
- jquery中bind事件时的命名空间用法
- 个人总结sql 查询慢的48个原因分析
- 显示和打印
- poj3667 线段树区间更新
- 浏览器事件传播
- response练习1
- 100楼层2个手机问题及其推广(百度面试题目)
- 想成为Java高手的25个学习目标
- SQL 多列取最大或者最小值