jquery阻止冒泡事件使用模拟事件 - Web前端

作者：98wpeu发布时间：2026-07-24分类：网页前端技术浏览：2

导读：复制代码代码如下:<body><divclass="content"><span>单击显示隐藏内容</span></...

复制代码代码如下:
<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",["我的事件","触发了"]);

标签：事件 Web jquery

上一篇：jQuery动画效果-fadeIn fadeOut淡入浅出示例代码 - Web前端
下一篇：简单常用的幻灯片播放实现代码 - Web前端

jquery阻止冒泡事件使用模拟事件 - Web前端

相关推荐