兼容各大浏览器的JavaScript阻止事件冒泡代码
更新时间：2015年07月09日 09:21:42 投稿：hebedich
本文给大家分享的是一段兼容各大浏览器的JavaScript阻止事件冒泡代码，虽然因为时间问题没有深入研究，但是还是相当不错的，这里推荐给大家
这里仅仅是一个简单代码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:void(0)使用介绍
有时候我们在编写js过程中，需要触发事件而不需要返回值，那么就可能需要这样的写法2013-06-06
这篇文章主要介绍了js字符串类型String常用操作,结合实例形式总结分析了javascript字符串类型String常用方法及相关操作注意事项,需要的朋友可以参考下2019-07-07
下面小编就为大家分享一篇layui之select的option叠加问题的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
Promise是一个构造函数,我们就可以new Promise()得到一个 Promise的实例,下面这篇文章主要给大家介绍了关于promise和async用法以及区别的相关资料,需要的朋友可以参考下2023-01-01
使用dynatrace-ajax跟踪JavaScript的性能
DynaTrace 致力于分析后台应用性能的表现已经好几年了，最近，他们通过发布dynaTrace Ajax Edition进入了前端性能分析领域. 它是一个运行在IE下的BHO免费工具. 虽然我喜欢Firefox和它下面的所有插件，但我知道基于IE的测试和调试也是很重要的。2010-04-04
本文给大家分享两种方法实现JS限制input框只能输入0~100的正整数,方法二是直接通过设置三个属性,type、min、max即可,就可以设置0~100的整数,感兴趣的朋友跟随小编一起看看吧2024-02-02
JavaScript代码在web应用程序中经常用到，但是很多开发者忽视了一些性能方面的知识，如何编写高性能javascript代码呢？接下来，小编跟大家一起学习2015-10-10
这篇文章主要介绍了JS对象复制(深拷贝和浅拷贝)，并附有详细代码，感兴趣的小伙伴们，可以参考下2021-04-04
这篇文章主要介绍了javascript中setTimeout的问题以及对应的解决方法,需要的朋友可以参考下2014-05-05
在我们的技术旅程中,JavaScript 无疑是一个不可或缺的伙伴,这篇文章主要为大家详细介绍了如何使用 JavaScript 来实现一个复杂功能,即实时搜索建议,感兴趣的可以了解下2024-02-02
最新评论