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 相关文章推荐
js每次Title显示不同的名言
Sep 25 Javascript
可以将word转成html的js代码
Apr 11 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
Feb 25 Javascript
JavaScript中window、doucment、body的解释
Aug 14 Javascript
javascript中的后退和刷新实现方法
Nov 10 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
Nov 16 Javascript
原生js实现放大镜效果
Jan 11 Javascript
JavaScript评论点赞功能的实现方法
Mar 13 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
Apr 10 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
May 15 Javascript
微信小程序如何自定义table组件
Jun 29 Javascript
Vue利用Blob下载原生二进制数组文件
Sep 25 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缓存类代码(附详细说明)
2011/06/09 PHP
PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程
2014/08/23 PHP
thinkPHP3.2.3实现阿里大于短信验证的方法
2018/06/06 PHP
拖拉表格的JS函数
2008/11/20 Javascript
Javascript中的delete操作符详细介绍
2014/06/06 Javascript
js实现网页图片延时加载 提升网页打开速度
2016/01/26 Javascript
浅谈js中调用函数时加不加括号的问题
2016/07/28 Javascript
javascript代码调试之console.log 用法图文详解
2016/09/30 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
2016/12/30 Javascript
详解vue父子模版嵌套案例
2017/03/04 Javascript
Vue.js如何优雅的进行form validation
2017/04/07 Javascript
详解JS函数stack size计算方法
2018/06/18 Javascript
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
2018/09/14 Javascript
微信小程序模板消息推送的两种实现方式
2019/08/27 Javascript
小程序实现锚点滑动效果
2019/09/23 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
2020/06/26 Javascript
Python实现的一个自动售饮料程序代码分享
2014/08/25 Python
一个简单的python爬虫程序 爬取豆瓣热度Top100以内的电影信息
2018/04/17 Python
python3 BeautifulSoup模块使用字典的方法抓取a标签内的数据示例
2019/11/28 Python
Django 自定义权限管理系统详解(通过中间件认证)
2020/03/11 Python
如何解决cmd运行python提示不是内部命令
2020/07/01 Python
python中数字是否为可变类型
2020/07/08 Python
如何在Win10系统使用Python3连接Hive
2020/10/15 Python
SmartBuyGlasses英国:购买太阳镜和眼镜
2018/01/29 全球购物
支票、地址标签、包装纸和慰问卡:Current Catalog
2018/01/30 全球购物
最新的咖啡店创业计划书
2013/12/30 职场文书
车间核算员岗位职责
2014/07/01 职场文书
企业安全生产责任书范本
2014/07/28 职场文书
群众路线教育实践活动调研报告
2014/11/03 职场文书
2015年个人自我剖析材料
2014/12/29 职场文书
经典搞笑版检讨书
2015/02/19 职场文书
电影建党伟业观后感
2015/06/01 职场文书
阿凡达观后感
2015/06/10 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
Python爬虫实战之爬取携程评论
2021/06/02 Python