jquery阻止冒泡事件使用模拟事件
2013-09-06 00:00
447 查看
<body> <div class="content"> <span>单击显示隐藏内容</span> </div> <div class="message">这里是隐藏内容</div> </body> <script> $(document).ready(function(){ $("span").bind("click", function(){ $(".message").show(); }); $(".content").bind("click", function(){ $(".message").show(); }); $("body").bind("click", function(){ $(".message").show(); }); }); </script> 当点击span的时候 div 和 body 的事件全部触发了。要阻止这种发生 $("span").bind("click", function(e){ $(".message").show(); e.stopPropagation();//完成事件清除动作 });
模拟事件 trigger
$(".content").bind("myclick", function(event,message1,message2){ $("#test").append(message1+messages2); }); $("#btn").trigger("myclick",["我的事件","触发了"]);
相关文章推荐
- jquery阻止冒泡事件使用模拟事件
- jquery阻止冒泡事件 模拟事件
- 【JQuery】事件冒泡及使用jQuery阻止
- jquery使用on()方法绑定元素阻止事件冒泡问题
- Jquery使用trigger()方法模拟事件
- DOM编程事件冒泡详解 附jquery阻止事件冒泡
- JQuery 提供了两种方式来阻止事件冒泡及区别
- jquery与js阻止事件冒泡
- jQuery阻止冒泡事件的几种方法
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器) 转
- 使用CSS和JQuery,模拟超链接的用户单击事件
- jquery阻止事件冒泡
- jQuery阻止事件冒泡
- Jquery阻止事件冒泡 event.stopPropagation
- jQuery-阻止事件冒泡
- 事件冒泡是什么如何用jquery阻止事件冒泡
- 阻止jQuery事件冒泡
- JQuery中阻止事件冒泡几种方式及其区别介绍
- jquery阻止事件冒泡
- jQuery阻止事件冒泡