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 相关文章推荐
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 Javascript
node.js中的fs.link方法使用说明
Dec 15 Javascript
JavaScript常用小技巧小结
Dec 29 Javascript
Javascript毫秒数用法实例
Feb 05 Javascript
第一次接触神奇的Bootstrap网格系统
Jul 27 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
jQuery源码分析之init的详细介绍
Feb 13 Javascript
基于Vue.js 2.0实现百度搜索框效果
Dec 28 Javascript
关于HTML5的data-*自定义属性的总结
May 05 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
May 02 Javascript
vue 父组件通过$refs获取子组件的值和方法详解
Nov 07 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
Dec 03 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
简单介绍下 PHP5 中引入的 MYSQLI的用途
2007/03/19 PHP
基于PHP服务端图片生成缩略图的方法详解
2013/06/20 PHP
php正则preg_replace_callback函数用法实例
2015/06/01 PHP
PHP简单获取多个checkbox值的方法
2016/06/13 PHP
Laravel 自定命令以及生成文件的例子
2019/10/23 PHP
js 多种变量定义(对象直接量,数组直接量和函数直接量)
2010/05/24 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
2011/08/02 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
2013/06/04 Javascript
用javascript将数据导入Excel示例代码
2014/09/10 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
2015/02/27 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
2016/06/03 Javascript
详解vue与后端数据交互(ajax):vue-resource
2017/03/16 Javascript
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
详解json串反转义(消除反斜杠)
2019/08/12 Javascript
js实现九宫格抽奖
2020/03/19 Javascript
Python中扩展包的安装方法详解
2017/06/14 Python
Python基于numpy灵活定义神经网络结构的方法
2017/08/19 Python
python实现自动发送报警监控邮件
2018/06/21 Python
在python3中pyqt5和mayavi不兼容问题的解决方法
2019/01/08 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
2019/07/19 Python
利用python、tensorflow、opencv、pyqt5实现人脸实时签到系统
2019/09/25 Python
使用tensorflow实现VGG网络,训练mnist数据集方式
2020/05/26 Python
基于python实现操作redis及消息队列
2020/08/27 Python
python em算法的实现
2020/10/03 Python
python更新数据库中某个字段的数据(方法详解)
2020/11/18 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
selenium携带cookies模拟登陆CSDN的实现
2021/01/19 Python
Html5游戏开发之乒乓Ping Pong游戏示例(三)
2013/01/21 HTML / CSS
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
华丽的手绘陶瓷:MacKenzie-Childs
2017/02/04 全球购物
瑞典的玛丽小姐:Miss Mary of Sweden
2019/02/13 全球购物
材料加工工程求职信
2014/02/19 职场文书
公安忠诚教育心得体会
2016/01/23 职场文书
Java如何实现通过键盘输入一个数组
2022/02/15 Java/Android
Nginx+Windows搭建域名访问环境的操作方法
2022/03/17 Servers