兼容各大浏览器的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 相关文章推荐
懒就要懒到底——鼠标自动点击(含时间判断)
Feb 20 Javascript
jquery与js函数冲突的两种解决方法
Sep 09 Javascript
JavaScript中伪协议 javascript:使用探讨
Jul 18 Javascript
JavaScript实现的一个倒计时的类
Mar 12 Javascript
javascript控制层显示或隐藏的方法
Jul 22 Javascript
JavaScript的Number对象的toString()方法
Dec 18 Javascript
vue.js实现价格格式化的方法
May 23 Javascript
js中如何完美的解析数据
Mar 18 Javascript
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
Jun 14 Javascript
原生JS与CSS实现软件卸载对话框功能
Dec 05 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
Dec 19 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
Jan 21 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
留言板翻页的实现详解
2006/10/09 PHP
在IIS上安装PHP4.0正式版
2006/10/09 PHP
php跨域cookie共享使用方法
2014/02/20 PHP
php中explode的负数limit用法分析
2015/02/27 PHP
php递归函数怎么用才有效
2018/02/24 PHP
基于jquery1.4.2的仿flash超炫焦点图播放效果
2010/04/20 Javascript
dul无法加载bootstrap实现unload table/user恢复
2016/09/29 Javascript
JQuery中解决重复动画的方法
2016/10/17 Javascript
Three.js基础学习之场景对象
2017/09/27 Javascript
vue中轮训器的使用
2019/01/27 Javascript
jquery实现选项卡切换代码实例
2019/05/14 jQuery
使用axios请求接口,几种content-type的区别详解
2019/10/29 Javascript
ES6的异步操作之promise用法和async函数的具体使用
2019/12/06 Javascript
[05:14]辉夜杯主赛事第二日 RECAP精彩回顾
2015/12/27 DOTA
[38:42]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第二场 11.05
2020/11/05 DOTA
python基础教程之循环介绍
2014/08/29 Python
Python的Django框架安装全攻略
2015/07/15 Python
使用Python编写爬虫的基本模块及框架使用指南
2016/01/20 Python
PyQt 线程类 QThread使用详解
2017/07/16 Python
浅谈Scrapy框架普通反爬虫机制的应对策略
2017/12/28 Python
Python字典创建 遍历 添加等实用基础操作技巧
2018/09/13 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
解决pyinstaller打包pyqt5的问题
2019/01/08 Python
pandas按行按列遍历Dataframe的几种方式
2019/10/23 Python
使用python编写一个语音朗读闹钟功能的示例代码
2020/07/14 Python
Python如何将装饰器定义为类
2020/07/30 Python
对Pytorch 中的contiguous理解说明
2021/03/03 Python
印度购物网站:TATA CLiQ
2017/11/23 全球购物
建筑装饰学院室内设计专业个人自我评价
2013/12/07 职场文书
管道维修工岗位职责
2013/12/27 职场文书
质量月活动策划方案
2014/03/10 职场文书
公证书样本
2014/04/10 职场文书
构建和谐校园倡议书
2015/01/19 职场文书
2015年青年志愿者协会工作总结
2015/04/27 职场文书
演讲开场白台词大全
2015/05/29 职场文书
SQL实现LeetCode(176.第二高薪水)
2021/08/04 MySQL