js事件之event.preventDefault()與event.stopPropagation()用法區別

時間 2019-11-06

標籤事件 event.preventdefault event preventdefault event.stoppropagation stoppropagation 用法區別欄目 JavaScript 简体版

原文原文鏈接

event.preventDefault()用法介紹瀏覽器

該方法將通知 Web 瀏覽器不要執行與事件關聯的默認動做（若是存在這樣的動做）。例如，若是 type 屬性是 "submit"，在事件傳播的任意階段能夠調用任意的事件句柄，經過調用該方法，能夠阻止提交表單。注意，若是 Event 對象的 cancelable 屬性是 fasle，那麼就沒有默認動做，或者不能阻止默認動做。不管哪一種狀況，調用該方法都沒有做用。對象

該方法將通知 Web 瀏覽器不要執行與事件關聯的默認動做（若是存在這樣的動做）。事件

例如，若是 type 屬性是 "submit"，在事件傳播的任意階段能夠調用任意的事件句柄，經過調用該方法，能夠阻止提交表單。it

注意，若是 Event 對象的 cancelable 屬性是 fasle，那麼就沒有默認動做，或者不能阻止默認動做。不管哪一種狀況，調用該方法都沒有做用。io

event.stopPropagation()用法介紹event

該方法將中止事件的傳播，阻止它被分派到其餘 Document 節點。在事件傳播的任何階段均可以調用它。注意，雖然該方法不能阻止同一個 Document 節點上的其餘事件句柄被調用，可是它能夠阻止把事件分派到其餘節點表單

該方法將中止事件的傳播，阻止它被分派到其餘 Document 節點。在事件傳播的任何階段均可以調用它。方法

注意:雖然該方法不能阻止同一個 Document 節點上的其餘事件句柄被調用，可是它能夠阻止把事件分派到其餘節點。top

event是DOM的事件方法，因此不是單獨使用，好比指定DOMab