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 相关文章推荐
div当滚动到页面顶部的时候固定在顶部实例代码
May 27 Javascript
Javascript的严格模式strict mode详细介绍
Jun 06 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
Jan 04 Javascript
JS中JSON对象和String之间的互转及处理技巧
Apr 06 Javascript
js判断所有表单项不为空则提交表单的实现方法
Sep 09 Javascript
PHP捕捉异常中断的方法
Oct 24 Javascript
微信小程序 引用其他js文件实现代码
Feb 22 Javascript
详解Vue 2.0封装axios笔记
Jun 22 Javascript
JS实现电商放大镜效果
Aug 24 Javascript
JS函数进阶之继承用法实例分析
Jan 15 Javascript
JavaScript中的this原理及6种常见使用场景详解
Feb 14 Javascript
微信小程序实现底部弹出模态框
Nov 18 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
基于mysql的论坛(4)
2006/10/09 PHP
php数组函数序列之array_slice() - 在数组中根据条件取出一段值,并返回
2011/11/07 PHP
轻轻松松学习JavaScript
2007/02/25 Javascript
用prototype实现的简单小巧的多级联动菜单
2007/03/24 Javascript
轻轻松松学JS调试(不下载任何工具)
2010/04/14 Javascript
javascript判断机器是否联网的2种方法
2013/08/09 Javascript
javascript中的window.location.search方法简介
2013/09/02 Javascript
jquery 使用简明教程
2014/03/05 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
2014/03/21 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
JSON字符串转JSON对象
2015/07/31 Javascript
关于动态执行代码(js的Eval)实例详解
2016/08/15 Javascript
EditPlus中的正则表达式 实战(2)
2016/12/15 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
vue 循环加载数据并获取第一条记录的方法
2018/09/26 Javascript
element-ui多文件上传的实现示例
2019/04/10 Javascript
Vue 理解之白话 getter/setter详解
2019/04/16 Javascript
详解js location.href和window.open的几种用法和区别
2019/12/02 Javascript
antd日期选择器禁止选择当天之前的时间操作
2020/10/29 Javascript
[00:48]完美“圣”典2016风云人物:xiao8宣传片
2016/11/30 DOTA
重命名批处理python脚本
2013/04/05 Python
举例讲解Python中装饰器的用法
2015/04/27 Python
python自动翻译实现方法
2016/05/28 Python
python三大神器之fabric使用教程
2019/06/10 Python
pytorch+lstm实现的pos示例
2020/01/14 Python
使用 Python 处理3万多条数据只要几秒钟
2020/01/19 Python
Python生成六万个随机,唯一的8位数字和数字组成的随机字符串实例
2020/03/03 Python
python MD5加密的示例
2020/10/19 Python
CSS3提交意见输入框样式代码
2014/10/30 HTML / CSS
德国PC硬件网站:CASEKING
2016/10/20 全球购物
Sunglasses Shop瑞典:欧洲领先的太阳镜网上商店
2018/04/22 全球购物
美国家居装饰购物网站:Amanda Lindroth
2020/03/25 全球购物
Java如何支持I18N?
2016/10/31 面试题
优秀士兵个人事迹材料
2014/01/19 职场文书
读书活动总结
2014/04/28 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书