美文网首页
阻止事件冒泡,阻止默认事件(event.stopPropaga

阻止事件冒泡,阻止默认事件(event.stopPropaga

作者: Lusia_ | 来源:发表于2017-03-24 15:00 被阅读155次

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;

相关文章

网友评论

      本文标题: 阻止事件冒泡,阻止默认事件(event.stopPropaga

      本文链接:https://www.haomeiwen.com/subject/gmlfottx.html