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_01_isPlainObject分析与重构
Oct 20 Javascript
解析javascript 数组以及json元素的添加删除
Jun 26 Javascript
jquery在项目中做复选框时遇到的一些问题笔记
Nov 17 Javascript
原生js和jQuery随意改变div属性style的名称和值
Oct 22 Javascript
详解AngularJS中的filter过滤器用法
Jan 04 Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
May 23 Javascript
jQuery Validate插件自定义验证规则的方法
Dec 27 Javascript
Mint UI 基于 Vue.js 移动端组件库
Nov 07 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 Javascript
Angular通过指令动态添加组件问题
Jul 09 Javascript
vue柱状进度条图像的完美实现方案
Aug 26 Javascript
解决layui动态加载复选框无法选中的问题
Sep 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错误Cannot use object of type stdClass as array in错误的解决办法
2014/06/12 PHP
PHP微信开发之查询城市天气
2016/06/23 PHP
PHP对象实例化单例方法
2017/01/19 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
2019/10/25 PHP
Prototype使用指南之string.js
2007/01/10 Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
2010/07/20 Javascript
jQuery UI Autocomplete 体验分享
2012/02/14 Javascript
javascript操作JSON的要领总结
2012/12/09 Javascript
JQuery设置时间段下拉选择实例
2014/12/30 Javascript
Bootstrap每天必学之前端开发框架
2015/11/19 Javascript
js弹出窗口返回值的简单实例
2016/05/28 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
2016/10/25 Javascript
微信小程序 radio单选框组件详解及实例代码
2017/01/10 Javascript
深入理解vuex2.0 之 modules
2017/11/20 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
vue与bootstrap实现简单用户信息添加删除功能
2019/02/15 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
2019/04/11 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
2019/04/23 Javascript
实例详解vue中的$root和$parent
2019/04/29 Javascript
javascript面向对象创建对象的方式小结
2019/07/29 Javascript
Python自动化部署工具Fabric的简单上手指南
2016/04/19 Python
Python语言描述KNN算法与Kd树
2017/12/13 Python
python实现将文件夹下面的不是以py文件结尾的文件都过滤掉的方法
2018/10/21 Python
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
Pyqt5如何让QMessageBox按钮显示中文示例代码
2019/04/11 Python
python实现AHP算法的方法实例(层次分析法)
2020/09/09 Python
德国家具在线:Fashion For Home
2017/03/11 全球购物
介绍下static、final、abstract区别
2015/01/30 面试题
物流专业大学生的自我鉴定
2013/11/13 职场文书
仲裁协议书
2014/09/26 职场文书
四风批评与自我批评发言稿
2014/10/14 职场文书
学生会工作感言
2015/08/07 职场文书
Python+OpenCV实现图片中的圆形检测
2022/04/07 Python
nginx日志格式分析和修改
2022/04/28 Servers
Java实现注册登录跳转
2022/06/16 Java/Android