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取得url地址参数实例
Feb 22 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 Javascript
jquery实现两个图片渐变切换效果的方法
Jun 25 Javascript
利用CSS3在Angular中实现动画
Jan 15 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
May 04 Javascript
设置点击文本框或图片弹出日历控件的实现代码
May 12 Javascript
浅谈JavaScript中的属性:如何遍历属性
Sep 14 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 Javascript
js中怎么判断两个字符串相等的实例
Jan 17 Javascript
JavaScript中的回调函数实例讲解
Jan 27 Javascript
Vue.js组件实现选项卡以及切换特效
Jul 24 Javascript
详解Webpack4多页应用打包方案
Jul 16 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+MSSQL分页的例子
2006/10/09 PHP
《PHP边学边教》(04.编写简易的通讯录――视频教程1)
2006/12/13 PHP
php验证手机号码(支持归属地查询及编码为UTF8)
2013/02/01 PHP
Cygwin中安装PHP方法步骤
2015/07/04 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
Jquery封装tab自动切换效果的具体实现
2013/07/13 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
2014/06/05 Javascript
原生javascript实现拖动元素示例代码
2014/09/01 Javascript
jquery插件star-rating.js实现星级评分特效
2015/04/15 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
2015/12/17 Javascript
浅谈Javascript中的12种DOM节点类型
2016/08/19 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
2017/01/03 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
jQuery使用ajax_动力节点Java学院整理
2017/07/05 jQuery
详解Vue-cli3.X使用px2rem遇到的问题
2019/08/09 Javascript
在vue+element ui框架里实现lodash的debounce防抖
2019/11/13 Javascript
jQuery弹框插件使用方法详解
2020/05/26 jQuery
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
2020/07/21 Javascript
vue+vant 上传图片需要注意的地方
2021/01/03 Vue.js
python简单实现旋转图片的方法
2015/05/30 Python
Django web框架使用url path name详解
2019/04/29 Python
Python基于xlrd模块处理合并单元格
2020/07/28 Python
欧舒丹加拿大官网:L’Occitane加拿大
2017/10/29 全球购物
教师年终个人自我评价
2013/10/04 职场文书
自考毕业自我鉴定范文
2013/10/27 职场文书
捐书寄语赠言
2014/01/18 职场文书
优秀导游先进事迹材料
2014/01/25 职场文书
如何写自我评价?自我评价写什么好?
2014/03/14 职场文书
经济管理专业求职信
2014/06/09 职场文书
审查起诉阶段律师意见书
2015/05/19 职场文书
2015年卫生监督工作总结
2015/05/21 职场文书
在校大学生才艺比赛策划书怎么写?
2019/08/26 职场文书
Nginx域名转发使用场景代码实例
2021/03/31 Servers
MySQL 四种连接和多表查询详解
2021/07/16 MySQL
SQL Server删除表中的重复数据
2022/05/25 SQL Server