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 相关文章推荐
防止网站内容被拷贝的一些方法与优缺点好处与坏处分析
Nov 30 Javascript
jQuery validate 中文API 附validate.js中文api手册
Jul 31 Javascript
js用typeof方法判断undefined类型
Jul 15 Javascript
用Jquery选择器计算table中的某一列某一行的合计
Aug 13 Javascript
JS中Location使用详解
May 12 Javascript
jQuery中ajax的load()与post()方法实例详解
Jan 05 Javascript
javascript实现文字无缝滚动
Dec 27 Javascript
Bootstrap导航条学习使用(一)
Feb 08 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
vue动画之点击按钮往上渐渐显示出来的实例
Sep 29 Javascript
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 jQuery
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
《星际争霸重制版》兵种对比图鉴
2020/03/02 星际争霸
PHPlet在Windows下的安装
2006/10/09 PHP
关于PHP语言构造器介绍
2013/07/08 PHP
php文件上传的例子及参数详解
2013/12/12 PHP
php轻松实现中英文混排字符串截取
2014/05/28 PHP
php使用变量动态创建类的对象用法示例
2017/02/06 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
用Laravel Sms实现laravel短信验证码的发送的实现
2018/11/29 PHP
发一个自己用JS写的实用看图工具实现代码
2008/07/26 Javascript
关于可运行代码无法正常执行的使用说明
2010/05/13 Javascript
JS判断对象是否存在的10种方法总结
2013/12/23 Javascript
js 事件截取enter按键页面提交事件示例代码
2014/03/04 Javascript
jQuery中append()方法用法实例
2014/12/25 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
2015/10/23 Javascript
js实现文件上传表单域美化特效
2015/11/02 Javascript
Javascript删除指定元素节点的方法
2016/06/21 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
2017/04/07 Javascript
javascript 封装Date日期类实例详解
2017/05/28 Javascript
js实现多张图片延迟加载效果
2017/07/17 Javascript
JS库之Waypoints的用法详解
2017/09/13 Javascript
jQuery中的for循环var与let的区别
2018/04/21 jQuery
vue中使用vue-cli接入融云实现即时通信
2019/04/19 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
2019/10/26 Javascript
Vue事件处理原理及过程详解
2020/03/11 Javascript
jQuery编写QQ简易聊天框
2020/08/27 jQuery
微信小程序实现拼图小游戏
2020/10/22 Javascript
[00:58]他们到底在电话里听到了什么?
2017/11/21 DOTA
Python中列表、字典、元组数据结构的简单学习笔记
2016/03/20 Python
Python调用服务接口的实例
2019/01/03 Python
Python使用paramiko操作linux的方法讲解
2019/02/25 Python
Pytorch中的variable, tensor与numpy相互转化的方法
2019/10/10 Python
有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题
2013/07/19 HTML / CSS
工作失职造成投诉的检讨书范文
2014/10/05 职场文书
承诺书怎么写 ?
2019/04/16 职场文书
MySQL之select、distinct、limit的使用
2021/11/11 MySQL
python前后端自定义分页器
2022/04/13 Python