兼容各大浏览器的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 相关文章推荐
IE 缓存策略的BUG的解决方法
Jul 21 Javascript
javascript与CSS复习(三)
Jun 29 Javascript
有关JavaScript的10个怪癖和秘密分享
Aug 28 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
May 07 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
轻松掌握JavaScript策略模式
Aug 25 Javascript
js实现可旋转的立方体模型
Oct 16 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
Dec 31 Javascript
React 子组件向父组件传值的方法
Jul 24 Javascript
mint-ui在vue中的使用示例
Apr 05 Javascript
ElementUI Tag组件实现多标签生成的方法示例
Jul 08 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遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
thinkphp框架实现删除和批量删除
2016/06/29 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
PHP图像识别技术原理与实现
2016/10/27 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
TP5多入口设置实例讲解
2020/12/15 PHP
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
2007/08/08 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
jquery animate图片模向滑动示例代码
2011/01/26 Javascript
jquery实现excel导出的方法
2013/04/04 Javascript
在js文件中写el表达式取不到值的原因及解决方法
2013/12/23 Javascript
Javascript的严格模式strict mode详细介绍
2014/06/06 Javascript
seaJs的模块定义和模块加载浅析
2014/06/06 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
微信小程序 input输入及动态设置按钮的实现
2017/10/27 Javascript
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
Python脚本实现虾米网签到功能
2016/04/12 Python
python爬虫框架scrapy实战之爬取京东商城进阶篇
2017/04/24 Python
详解python中的文件与目录操作
2017/07/11 Python
Python各类图像库的图片读写方式总结(推荐)
2018/02/23 Python
解决pycharm无法调用pip安装的包问题
2018/05/18 Python
pandas使用get_dummies进行one-hot编码的方法
2018/07/10 Python
python实现推箱子游戏
2020/03/25 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
Python数据类型之String字符串实例详解
2019/05/08 Python
Python如何在单元测试中给对象打补丁
2020/08/03 Python
HTML5 语音搜索(淘宝店语音搜素)
2013/01/03 HTML / CSS
计算机操作自荐信
2013/12/07 职场文书
纺织工程专业个人求职信范文
2014/01/27 职场文书
管理部副部长岗位职责范文
2014/03/09 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
优秀工作者事迹材料
2014/12/26 职场文书
大学升旗仪式主持词
2015/07/04 职场文书
SpringBoot+VUE实现数据表格的实战
2021/08/02 Java/Android
Python循环之while无限迭代
2022/04/30 Python