[ 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;

你可能感兴趣的:([ js] - 阻止事件冒泡,阻止默认事件(event.stopPropagation()和event.preventDefault(),return false))