兼容各大浏览器的JavaScript阻止事件冒泡代码


Posted in Javascript onJuly 09, 2015

这里仅仅是一个简单代码demo,因为时间问题并未做深入研究,因为今天做项目时要用到阻止事件冒泡的内容,找了好多才找到一个可以使用的,特记录之。

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>阻止事件冒泡</title>
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/jquery.cookie.js"></script>
  <style type="text/css">
  </style>
  <script type="text/javascript">
    function clickDiv(){
      alert("clickDiv");
    }
    function clickP(event){
      stopEvent(event);
      alert("clickP");
    }
    function stopEvent(event){ //阻止冒泡事件
     //取消事件冒泡
     var e=arguments.callee.caller.arguments[0]||event; //若省略此句,下面的e改为event,IE运行可以,但是其他浏览器就不兼容
     if (e && e.stopPropagation) {
     // this code is for Mozilla and Opera
     e.stopPropagation();
     } else if (window.event) {
     // this code is for IE
      window.event.cancelBubble = true;
     }
    }
  </script>
</head>
<body>
  <div onclick="clickDiv()" style="width:100px; height:100px; background-color:red;">
    <p onclick="clickP(event)" style="width:50px; height:50px; margin:auto; background-color:green;">
      abad
    </p>
  </div>
  <script type="text/javascript">
  </script>
</body>
</html>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
javascript下查找父节点的简单方法
Aug 13 Javascript
让你的博客飘雪花超出屏幕依然看得见
Jan 04 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
Jan 10 Javascript
JavaScript中setMonth()方法的使用详解
Jun 11 Javascript
js淡入淡出的图片轮播效果代码分享
Aug 24 Javascript
20分钟轻松创建自己的Bootstrap站点
May 12 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
Jul 26 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
Feb 27 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
Jun 11 Javascript
纯js+css实现在线时钟
Aug 18 Javascript
Vue 禁用浏览器的前进后退操作
Sep 04 Javascript
javascript实现搜索筛选功能实例代码
Nov 12 Javascript
JavaScript包装对象使用详解
Jul 09 #Javascript
jquery实现表单验证并阻止非法提交
Jul 09 #Javascript
jQuery实现tab选项卡效果的方法
Jul 08 #Javascript
jQuery实现类似淘宝网图片放大效果的方法
Jul 08 #Javascript
javascript实现10个球随机运动、碰撞实例详解
Jul 08 #Javascript
详细分析JavaScript变量类型
Jul 08 #Javascript
js实现图片点击左右轮播
Jul 08 #Javascript
You might like
php批量删除cookie的简单实现方法
2015/01/26 PHP
统计出现最多的字符次数的js代码
2010/12/03 Javascript
jQuery插件 selectToSelect使用方法
2013/10/02 Javascript
Jquery自定义button按钮的几种方法
2014/06/11 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
2015/08/17 Javascript
AngularJS 过滤器(自带和自建)详解
2016/09/19 Javascript
JS 拦截全局ajax请求实例解析
2016/11/29 Javascript
微信小程序实现锚点定位楼层跳跃的实例
2017/05/18 Javascript
node app 打包工具pkg的具体使用
2019/01/17 Javascript
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
2019/06/09 Javascript
Nodejs实现图片上传、压缩预览、定时删除功能
2019/10/25 NodeJs
JS代码检查工具ESLint介绍与使用方法
2020/02/04 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
2020/04/29 Javascript
微信小程序实现菜单左右联动
2020/05/19 Javascript
基于ajax实现上传图片代码示例解析
2020/12/03 Javascript
python在windows下实现备份程序实例
2014/07/04 Python
Python2.6版本中实现字典推导 PEP 274(Dict Comprehensions)
2015/04/28 Python
python类装饰器用法实例
2015/06/04 Python
配置 Pycharm 默认 Test runner 的图文教程
2018/11/30 Python
Python3中对json格式数据的分析处理
2021/01/28 Python
苹果香港官方商城:Apple香港
2016/09/14 全球购物
意大利婴儿产品网上商店:Mukako
2018/10/14 全球购物
巴西购物网站:Estrela10
2018/12/13 全球购物
管理心得体会
2013/12/28 职场文书
30年同学聚会感言
2014/01/30 职场文书
优秀班集体先进事迹材料
2014/05/28 职场文书
毕业生应聘求职信
2014/07/10 职场文书
优秀团员事迹材料1000字
2014/08/20 职场文书
汉字听写大会观后感
2015/06/12 职场文书
小学教师见习总结
2015/06/23 职场文书
小学数学教学随笔
2015/08/14 职场文书
小学教师师德培训心得体会
2016/01/09 职场文书
Pytorch 如何加速Dataloader提升数据读取速度
2021/05/28 Python
NASA 机智号火星直升机拍到了毅力号设备碎片
2022/04/29 数码科技
tomcat默认最大连接数及相关调整方法
2022/05/06 Servers