jquery阻止冒泡事件使用模拟事件
更新时间：2013年09月06日 11:30:00 投稿：whsnow
当点击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中:eq()选择器用法,实例分析了:eq()选择器的功能、定义及匹配指定索引值元素时的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了Ztree新增角色和编辑角色回显问题的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
jquery easyui 对于开始时间小于结束时间的判断示例
对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了jQuery实现Email邮箱地址自动补全功能代码,涉及jQuery鼠标事件及字符操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
原生js实现addclass,removeclass,toggleclasss实例
下面小编就为大家带来一篇原生js实现addclass,removeclass,toggleclasss实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起 小编过来看看吧2016-11-11
为了避免和美工冲突，对特定操作对象加上id标识，美工不大改也没什么问题。2011-01-01
这篇文章主要介绍了jQuery使用slideUp方法实现控制元素缓慢收起的功能,实例分析了jQuery中slideUp方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
这篇文章主要介绍了jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法,结合实例形式分析了属性插件zTree针对节点序号的相关操作技巧,需要的朋友可以参考下2017-03-03
CamanJs库用于个人项目中进行使用的图形操作库，这个库是基于JavaScript的canvas操作库，接下来，通过本篇文章给大家详细介绍使用CamanJS在Web页面上处理图像的技巧，需要的朋友一起来学习下2015-08-08
这篇文章主要为大家详细介绍了js制作带有遮罩弹出层实现登录注册表单代码特效，推荐给大家，有需要的小伙伴可以参考下。2015-09-09
最新评论