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 相关文章推荐
给网站上的广告“加速”显示的方法
Apr 08 Javascript
JS 获取span标签中的值的代码 支持ie与firefox
Aug 24 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 Javascript
javascript点击按钮实现隐藏显示切换效果
Feb 03 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
Mar 13 Javascript
Angular 表单控件示例代码
Jun 26 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
iview Upload组件多个文件上传的示例代码
Sep 30 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
Jul 07 Javascript
layui文件上传控件带更改后数据传值的方法
Sep 23 Javascript
详解Nuxt.js 实战集锦
Nov 19 Javascript
解决js中的setInterval清空定时器不管用问题
Nov 17 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中通过ADODB库实现调用Access数据库之修正版本
2006/12/31 PHP
php中的MVC模式运用技巧
2007/05/03 PHP
PHP学习笔记之二 php入门知识
2011/01/12 PHP
用php代码限制国内IP访问我们网站
2015/09/26 PHP
Laravel的throttle中间件失效问题解决方法
2016/10/09 PHP
php 调用ffmpeg获取视频信息的简单实现
2017/04/03 PHP
解决Laravel 不能创建 migration 的问题
2019/10/09 PHP
根据地区不同显示时间的javascript代码
2007/08/13 Javascript
javascript下string.format函数补充
2010/08/24 Javascript
js中如何把字符串转化为对象、数组示例代码
2013/07/17 Javascript
喜大普奔!jQuery发布 3.0 最终版
2016/06/12 Javascript
JavaScript提升性能的常用技巧总结【经典】
2016/06/20 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
jQuery为动态生成的select元素添加事件的方法
2016/08/29 Javascript
解决vue动态为数据添加新属性遇到的问题
2018/09/18 Javascript
JQuery animate动画应用示例
2019/05/14 jQuery
[34:08]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS EG
2018/03/30 DOTA
[48:22]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
详细解析Python当中的数据类型和变量
2015/04/25 Python
Python代码打开本地.mp4格式文件的方法
2019/01/03 Python
Python进阶之全面解读高级特性之切片
2019/02/19 Python
python-OpenCV 实现将数组转换成灰度图和彩图
2020/01/09 Python
重写django的model下的objects模型管理器方式
2020/05/15 Python
Python Scrapy图片爬取原理及代码实例
2020/06/12 Python
python 生成正态分布数据,并绘图和解析
2020/12/21 Python
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
创业计划书的内容步骤和要领
2014/01/04 职场文书
安全生产管理责任书
2014/04/16 职场文书
代理协议书范本
2014/04/22 职场文书
2015年工会工作总结
2015/03/30 职场文书
公司停电通知
2015/04/15 职场文书
2016五一劳动节慰问信
2015/11/30 职场文书
公司开业的祝贺语大全(60条)
2019/07/05 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书
优化Mysql查询的示例
2022/04/26 MySQL
基于Python实现nc批量转tif格式
2022/08/14 Python