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操作input type=radio的实现代码
Jun 14 Javascript
js 3种归并操作的实例代码
Oct 30 Javascript
JavaScript中的连字符详解
Nov 28 Javascript
Node.js中child_process实现多进程
Feb 03 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
Mar 22 Javascript
JS弹出窗口插件zDialog简单用法示例
Jun 12 Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 Javascript
浅述Javascript的外部对象
Dec 07 Javascript
node实现socket链接与GPRS进行通信的方法
May 20 Javascript
使用apifm-wxapi模块中的问题及解决方法
Aug 05 Javascript
create-react-app中添加less支持的实现
Nov 15 Javascript
ES6学习教程之Promise用法详解
Nov 22 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
Linux下ZendOptimizer的安装与配置方法
2007/04/12 PHP
js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
2013/07/18 PHP
PHP5.3与5.5废弃与过期函数整理汇总
2014/07/10 PHP
Php连接及读取和写入mysql数据库的常用代码
2014/08/11 PHP
php实现替换手机号中间数字为*号及隐藏IP最后几位的方法
2016/11/16 PHP
javascript FormatNumber函数实现方法
2008/12/30 Javascript
超链接的禁用属性Disabled使用示例
2014/07/31 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
2015/11/26 Javascript
Jquery操作Ajax方法小结
2015/11/29 Javascript
Jquery遍历select option和添加移除option的实现方法
2016/08/26 Javascript
javaScript语法总结
2016/11/25 Javascript
详解javascript表单的Ajax提交插件的使用
2016/12/29 Javascript
使用原生js写ajax实例(推荐)
2017/05/31 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
javascript验证form表单数据的案例详解
2019/03/25 Javascript
vue如何使用rem适配
2021/02/06 Vue.js
在Python的Django框架中为代码添加注释的方法
2015/07/16 Python
关于Python面向对象编程的知识点总结
2017/02/14 Python
关于python的list相关知识(推荐)
2017/08/30 Python
python实现机器人行走效果
2018/01/29 Python
Django中的Signal代码详解
2018/02/05 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
用python 实现在不确定行数情况下多行输入方法
2019/01/28 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
HTML5应用之文件上传
2016/12/30 HTML / CSS
逼真的HTML5树叶飘落动画
2016/03/01 HTML / CSS
自然健康的概念:Natural Healthy Concepts
2020/01/26 全球购物
销售总经理岗位职责
2014/03/15 职场文书
2014年3.15团委活动总结
2014/03/16 职场文书
国庆促销活动总结
2014/08/29 职场文书
纪念九一八事变演讲稿:青少年应树立远大理想
2014/09/14 职场文书
幼儿园感恩节活动总结
2015/03/24 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP
Python中super().__init__()测试以及理解
2021/12/06 Python
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android