Javascript如何阻止事件传播？

阻止浏览器默认行为和防止事件传播主要通过先下面两个方法实现

event.preventDefault()： 取消浏览器对当前事件的默认行为，比如点击链接后，浏览器跳转到指定页面，或者按一下空格键，页面向下滚动一段距离。

event.stopPropagation()： 阻止事件在DOM中继续传播，防止再触发定义在别的节点上的监听函数。

    
    
    
    


    
2
        
1
            黑马程序员
        
    

未阻止浏览器默认行为和阻止事件传播之前

未阻止之前效果

阻止浏览器默认行为

由于e.preventDefault()阻止了浏览器默认行为，所以点击“黑马程序员”，不会跳转黑马程序员官网。

阻止浏览器行为之后效果

阻止事件传播

由于e.stopProgation()阻止了事件传播，d1和d2对象绑定的事件不会再触发，直接跳转到了http://www.itheima.com。

文章转自：http://web.itheimacom