当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jquery阻止冒泡事件使用模拟事件实例

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

2018年04月03日  | 移动技术网IT编程  | 我要评论

代码如下:


<body>
<p class="content">
<span>单击显示隐藏内容</span>
</p>
<p class="message">这里是隐藏内容</p>
</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的时候 p 和 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",["我的事件","触发了"]);

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网