jquery阻止冒泡事件使用模拟事件
发布时间：2014-03-22 编辑：jiaochengji.com
当点击span的时候div和body的事件全部触发了。要阻止这种发生并使用模拟事件。具体实现如下，感兴趣的朋友可以参考下
复制代码 代码如下:
<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的冒泡事件的阻止与允许(三种实现方法)
DIV外区域Click后关闭DIV的实现代码
解密jQuery事件核心 – 模拟事件（四）
由点击页面其它地方隐藏div所想到的jQuery的delegate
JavaScript MVC 学习笔记（五）事件的基本操作
jQuery阻止冒泡和HTML默认操作
事件冒泡是什么如何用jquery阻止事件冒泡
Jquery阻止事件冒泡 event.stopPropagation
[关闭]