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