您的位置
主页 > 网站技术 > 语言编程 > » 正文

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

来源: 站长圈 点击:

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




首页  - 关于站长圈  - 广告服务  - 联系我们  - 关于站长圈  - 网站地图  - 版权声明