Javascript如何阻止事件传播?

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

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

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




    
    
    
    阻止浏览器默认行为-黑马程序员web前端培训高手班http://web.itheima.com


    


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

未阻止之前效果

阻止浏览器默认行为

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

阻止浏览器行为之后效果

阻止事件传播

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

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

你可能感兴趣的:(javascript事件监听)