js 事件流和事件冒泡阻止

js 事件流和事件冒泡阻止

事件流

当浏览器发展到第四代的时候（IE4与Netscape4）浏览器开发团队遇到一个有意思的的问题： 页面的哪一部分会拥有某个特定的事件？
比如在纸上画上一组同心圆，如果把手指放在圆心。那么你的手指指的不是某一个特定的圆，而是纸上所有的圆，两家浏览器厂商在看待浏览器事件上还是一致的，如果单击了按钮， 他们认为单击事件不仅仅发生在按钮上。在单击按钮的同时，你也单击了按钮所在的容器元素。单击了整个页面。
**事件流，是指从页面接受事件的顺序。**但是两个浏览器团队在事件流上提出了完全相反的概念。

由addEventListener(“click”, function, false);第三个参数控制
若为true ， 则捕获阶段触发事件
false， 则冒泡阶段触发事件

事件冒泡阻止

但是有时我们需要阻止事件冒泡** 尤其是表单和超链接存在的点击事件**
可以用以下方式阻止冒泡

document.getElementById("box").onclick = function (e) {
            var event = e || window.event;//IE浏览器e不存在
            event.stopPropagation();
       }

有时候我们的超链接点击后要经过确认是否跳转时，由于他本身默认事件会跳转，在弹出的确认框中无论点确认还是取消都会跳转，如果我们想取消执行跳转事件时，可以用以下方式

document.getElementById("link").onclick = function (e) {
            var event = e || window.event;//IE浏览器e不存在
            var info = window.confirm("是否继续？？?");
            if (info == false) {
                event.preventDefault();//阻止跳转的默认行为
            }
       }