JS的冒泡事件

2022-07-26 21:06:17 字數 379 閱讀 5253

在乙個物件上觸發某類事件(比如單擊onclick事件),如果此物件定義了此事件的處理程式,那麼此事件就會呼叫這個處理程式,如果沒有定義此事件處理程式或者事件返回true,那麼這個事件會向這個物件的父級物件傳播,從裡到外,直至它被處理(父級物件所有同類事件都將被啟用),或者它到達了物件層次的最頂層,即document物件(有些瀏覽器是window) -摘自網路

這裡使用簡單的乙個demo來演示一下js中的冒泡事件

最外層div

中間層最裡層

div>

div>

div>

div>

也就是三個div分別為不同的背景色

js事件冒泡

什麼是js事件冒泡?在乙個物件上觸發某類事件 比如單擊onclick事件 如果此物件定義了此事件的處理程式,那麼此事件就會呼叫這個處理程式,如果沒有定義此事件處理程式或者事件返回true,那麼這個事件會向這個物件的父級物件傳播,從裡到外,直至它被處理 父級物件所有同類事件都將被啟用 或者它到達了物件...

js事件冒泡

2012 06 19 22 02 23 標籤 什麼是js事件冒泡?在乙個物件上觸發某類事件 比如單擊onclick事件 如果此物件定義了此事件的處理程式,那麼此事件就會呼叫這個處理程式,如果沒有定義此事件處理程式或者事件返回true,那麼這個事件會向這個物件的父級物件傳播,從裡到外,直至它被處理 父...

JS事件冒泡

事件冒泡 demo 冒泡現象 html 1 script src index.js script 2 style 3 c 8 b13 a 18style 19head 20 body 21 div id a 22 div id b 23 div id c 2425 div 26div 27div 2...