[ js] - 阻止事件冒泡,阻止默认事件(event.stopPropagation()和event.preventDefault(),return false)

1、event.stopPropagation()

阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行。(例如:点击一个链接,这个链接仍然会被打开)

2、event.preventDefault()

阻止默认事件的方法,调用此方法,链接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素

3、return false

同时阻止事件冒泡也会阻止默认事件


//如果提供了事件对象,则这是一个非IE浏览器
if ( e && e.stopPropagation )
  // 因此它支持W3C的stopPropagation()方法
  e.stopPropagation();
else
  //否则,我们需要使用IE的方式来取消事件冒泡
  window.event.cancelBubble = true;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容