编程 Javascript

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

Posted in Javascript onSeptember 06, 2013

<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阻止冒泡事件使用模拟事件

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

才发现的超链接js导致网页中GIF动画停止的解决方法

Nov 02 Javascript

javascript开发随笔二动态加载js和文件

Nov 25 Javascript

一款jquery特效编写的大度宽屏焦点图切换特效的实例代码

Aug 05 Javascript

jQuery.Validate表单验证插件的使用示例详解

Jan 04 Javascript

老生常谈js中0到底是 true 还是 false

Mar 08 Javascript

微信小程序访问node.js接口服务器搭建教程

Apr 25 Javascript

使用vue构建移动应用实战代码

Aug 02 Javascript

JS中的多态实例详解

Oct 15 Javascript

去掉vue 中的代码规范检测两种方法(Eslint验证)

Mar 21 Javascript

jquery更改元素属性attr()方法操作示例

May 22 jQuery

vue实现打地鼠小游戏

Aug 21 Javascript

JavaScript 如何计算文本的行数的实现

Sep 14 Javascript

Jquery的hover方法让鼠标经过li时背景变色

Sep 06 #Javascript

Jquery的hide及toggle方法让超链接慢慢消失

Sep 06 #Javascript

JS远程获取网页源代码实例

Sep 05 #Javascript

JSON序列化与解析原生JS方法且IE6和chrome测试通过

Sep 05 #Javascript

HTML页面滚动时获取离页面顶部的距离2种实现方法

Sep 05 #Javascript

JavaScript移除数组元素减少长度的方法

Sep 05 #Javascript

js编码、解码函数介绍及其使用示例

Sep 05 #Javascript