停止冒泡事件的方法(已兼容)

aswind7

于 2015-10-13 09:06:05 发布

阅读量434

点赞数

分类专栏：原生js

本文链接：https://blog.csdn.net/sqfbeijing/article/details/49093639

版权

原生js 专栏收录该内容

16 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <button>点我<tton>
        <script>
        var btn = document.querySelector("button");
        var body = document.querySelector("body");

        var btnHandler = function(event){
                alert("我是button");
                if (event.stopPropagation) {
                    event.stopPropagation();
                } else {
                //解决ie8及以下
                window.event.cancelBubble = true;
            }
        };
        var bodyHandler = function(){
            alert("我是body");
        };

        if (btn.addEventListener) {
            btn.addEventListener("click",btnHandler,false);
        } else if (btn.attachEvent) {
            btn.attachEvent("onclick",btnHandler);
        }

        if (body.addEventListener) {
            body.addEventListener("click",bodyHandler,false);
        } else if (body.attachEvent) {
            body.attachEvent("onclick",bodyHandler);
        }

    </script>
</body>
<html>

aswind7

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
停止冒泡事件的方法(已兼容)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <button>点我<tton> <script> var btn = document.querySelector("button");
复制链接

扫一扫

专栏目录