jquery阻止冒泡事件使用模拟事件
更新时间:2013年09月06日 11:30:00 作者:
当点击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中的ajax方法怎样通过JSONP进行远程调用
这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用,需要的朋友可以参考下2014-04-04jquery keypress,keyup,onpropertychange键盘事件
项目所需,在试图用js实现这样的功能:文本框失去焦点时,判断输入字符串的长度,以验证是否超出范围,超出范围则自动截取。2010-06-06Bootstrap嵌入jqGrid,使你的table牛逼起来
这篇文章主要介绍了Bootstrap嵌入jqGrid,使你的table牛逼起来,需要的朋友可以参考下2016-05-05JQuery触发radio或checkbox的change事件
在JQuery中,当给radio或checkbox添加一个change事件时,如果它的值发生变化就会触发change事件;本文将详细介绍如何利用JQuery触发Checkbox的change事件需要了解的朋友可以参考下2012-12-12jquery append 动态添加的元素事件on 不起作用的解决方案
这篇文章主要介绍了jquery append 动态添加的元素事件on 不起作用的解决方案,需要的朋友可以参考下2015-07-07
最新评论