jquery阻止冒泡事件使用模拟事件

293 阅读 0 评论 194 点赞

我是靠谱客的博主和谐煎饼，这篇文章主要介绍jquery阻止冒泡事件使用模拟事件，现在分享给大家，希望可以做个参考。

复制代码代码如下:

 
<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",["我的事件","触发了"]); 