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 相关文章推荐
jquery ajax中使用jsonp的限制解决方法
Nov 22 Javascript
创建、调用JavaScript对象的方法集锦
Dec 24 Javascript
JavaScript控制按钮可用或不可用的方法
Apr 03 Javascript
JavaScript中的toDateString()方法使用详解
Jun 12 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
Dec 14 Javascript
jQuery向父辈遍历的简单方法
Sep 18 Javascript
bootstrapValidator自定验证方法写法
Dec 01 Javascript
Bootstrap表单使用方法详解
Feb 17 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
sharp.js安装过程中遇到的问题总结
Apr 02 Javascript
es6数组之扩展运算符操作实例分析
Apr 25 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和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
1亿条数据如何分表100张到Mysql数据库中(PHP)
2015/07/29 PHP
php自定义函数实现二维数组按指定key排序的方法
2016/09/29 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
PHP如何解决微信文章图片防盗链
2020/12/09 PHP
Visual Studio中的jQuery智能提示设置方法
2010/03/27 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
2015/03/04 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
2016/01/04 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
2016/01/22 Javascript
第二篇Bootstrap起步
2016/06/21 Javascript
通过javascript实现段落的收缩与展开
2019/06/26 Javascript
vue+高德地图实现地图搜索及点击定位操作
2020/09/09 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
Python中装饰器学习总结
2018/02/10 Python
python实现SOM算法
2018/02/23 Python
Python实现图片尺寸缩放脚本
2018/03/10 Python
Python远程视频监控程序的实例代码
2019/05/05 Python
对YOLOv3模型调用时候的python接口详解
2019/08/26 Python
python调用c++返回带成员指针的类指针实例
2019/12/12 Python
pytorch如何冻结某层参数的实现
2020/01/10 Python
Python 使用 environs 库定义环境变量的方法
2020/02/25 Python
特步官方商城:Xtep
2017/03/21 全球购物
Stefania Mode英国:奢华设计师和时尚服装
2017/10/23 全球购物
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
学校安全工作制度
2014/01/19 职场文书
辩论赛主持词
2014/03/18 职场文书
就业推荐表自我鉴定
2014/03/21 职场文书
政府信息公开实施方案
2014/05/09 职场文书
安全例会汇报材料
2014/08/23 职场文书
高三毕业评语
2014/12/31 职场文书
2015年药店工作总结
2015/04/20 职场文书
青年联谊会致辞
2015/07/31 职场文书
阿里云Nginx配置https实现域名访问项目(图文教程)
2021/03/31 Servers