stopPropagation preventDefault

1.event.stopPropagation()方法

這是阻止事件的冒泡方法,不讓事件向documen上層蔓延,但是默認事件任然會執行,當你調用這個方法的時候,如果點擊一個連接,這個連接仍然會被打開。

2.event.preventDefault()方法

這是阻止默認事件的方法,調用此方法是,連接不會被打開,但是會發生冒泡,冒泡會傳遞到上一層的父元素,此方法可以控制一些按鈕在點擊時只觸發時間而不會引起表單的提交。

3.return false;

這個方法比較暴力,他會同事阻止事件冒泡也會阻止默認事件;寫上此代碼,連接不會被打開,事件也不會傳遞到上一層的父元素;可以理解爲return false就等於同時調用了event.stopPropagation()和event.preventDefault()

發佈了68 篇原創文章 · 獲贊 13 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章