JS 之 阻止事件冒泡,阻止默認事件,event.stopPropagation()和event.preventDefault(),return false的區別

  在前端開發中,有時咱們須要阻止冒泡和阻止默認事件的發生。
  1、event.stopPropagation()
  阻止事件的冒泡,不讓事件向documen上蔓延,可是默認事件任然會執行,當調用這個方法的時候,若是點擊一個鏈接,這個鏈接仍然會被打開。
  2、event.preventDefault()
  阻止默認事件的方法,調用此方法時,鏈接不會被打開,可是會發生冒泡,冒泡會傳遞到上一層的父元素;
  3、return false;
  這個方法比較暴力,會同時阻止事件冒泡也會阻止默認事件;寫上此代碼,鏈接不會被打開,事件也不會傳遞到上一層的父元素;能夠理解爲return
 false就等於同時調用了event.stopPropagation()和event.preventDefault()。前端