本文给大家分享的是一段兼容各大浏览器的 JavaScript 阻止事件冒泡代码,虽然因为时间问题没有深入研究,但是还是相当不错的,这里推荐给大家
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这里仅仅是一个简单代码 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>
来源: http://www.phperz.com/article/17/0301/270475.html