首頁 > 其他

js如何阻止事件冒泡

2019-12-12 13:28:19

在頁面開發中,我們使用js新增事件後,預設情況事件會向上冒泡的,那如何阻止事件冒泡呢?很簡單,我們來看一下。

1

我們先在一個div裡,放置一個按鈕。


2

然後使用jquery來為按鈕新增事件,事件函數裡就是在瀏覽器控制台裡輸出一條字串。


3

接著為父層div也新增一個事件,事件同樣是在控制台輸出資訊。


4

執行頁面,我們只點選一下按鈕。


5

點選後,在控制台裡看到二個事件的字串都輸出來了,表明點選按鈕時,事件冒泡到div裡了,觸發了div的點選事件。


6

要阻止事件冒泡很簡單,我們呼叫e.stopPropagation()方法就行了,其中e就是事件引數。


7

這樣我們這裡點選按鈕後,就不會觸發div的事件了,就是說事件沒有冒泡到div層了。



IT145.com E-mail:sddin#qq.com