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",["我的事件","触发了"]);
Javascript 相关文章推荐
html 锁定页面(js遮罩层弹出div效果)
Oct 27 Javascript
js图片自动轮播代码分享(js图片轮播)
May 06 Javascript
node.js中的path.isAbsolute方法使用说明
Dec 08 Javascript
你不知道的高性能JAVASCRIPT
Jan 18 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
Feb 17 Javascript
关于vue-router路径计算问题
May 10 Javascript
layer实现弹出层自动调节位置
Sep 05 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
Nov 14 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
Dec 21 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
Apr 28 Javascript
vue数据更新UI不刷新显示的解决办法
Aug 06 Javascript
javascript的setTimeout()使用方法总结
Nov 20 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
You might like
PHP数字格式化
2006/12/06 PHP
PHP fastcgi模式上传大文件(大约有300多K)报错
2014/09/28 PHP
PHP实现基于mysqli的Model基类完整实例
2016/04/08 PHP
Zend Framework入门应用实例详解
2016/12/11 PHP
Smarty3配置及入门语法
2017/02/22 PHP
jQuery 性能优化指南 (1)
2009/05/21 Javascript
简易js代码实现计算器操作
2013/04/15 Javascript
浅析javascript中的DOM
2015/03/01 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
2015/10/27 Javascript
AngularJS ng-mousedown 指令
2016/08/02 Javascript
jQuery根据ID、CLASS、等获取对象的实例
2016/12/04 Javascript
angular-ui-sortable实现可拖拽排序列表
2016/12/28 Javascript
Angular2 路由问题修复详解
2017/03/01 Javascript
jquery ui sortable拖拽后保存位置
2017/04/27 jQuery
AngularJS解决ng-if中的ng-model值无效的问题
2017/06/21 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
2018/01/09 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
原生JS实现前端本地文件上传
2018/09/08 Javascript
JS实现可切换图片的幻灯切换效果示例
2019/05/24 Javascript
Python、PyCharm安装及使用方法(Mac版)详解
2017/04/28 Python
使用Numpy读取CSV文件,并进行行列删除的操作方法
2018/07/04 Python
python使用Plotly绘图工具绘制散点图、线形图
2019/04/02 Python
Python 用turtle实现用正方形画圆的例子
2019/11/21 Python
Python基于pandas爬取网页表格数据
2020/05/11 Python
python3.5的包存放的具体路径
2020/08/16 Python
如何利用Python matplotlib绘制雷达图
2020/12/21 Python
利用html5 canvas动态画饼状图的示例代码
2018/04/02 HTML / CSS
美国第一个网上卖鞋零售商:OnlineShoes.com
2017/09/24 全球购物
英国旅游额外服务市场领导者:Holiday Extras(机场停车场、酒店、接送等)
2017/10/07 全球购物
综合办公室个人的自我评价
2013/12/22 职场文书
测量工程专业求职信
2014/02/24 职场文书
2015大学自主招生自荐信范文
2015/03/04 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
学校捐书活动总结
2015/05/08 职场文书
排球赛新闻稿
2015/07/17 职场文书