1樓:板和豫禾峰
事件捕獲和事件冒泡屬於兩個相反的過程,這裡可以有乙個我感覺十分恰當的比喻,當你把乙個可以漂浮在水面上的物品,使勁向水裡砸下去,它會首先有乙個下降的過程,這個過程就可以理解為從最頂層向事件發生的最具體元素(目標點)的捕獲過程;之後由於譁如浮力大於物體自身的重力,物體會在到達亂銷啟最低點(
最具體元素)鬥廳之後漂浮到水面上,這個過程相對於事件捕獲是乙個回溯的過程,即事件冒泡。
2樓:旅芳澤皇孤
為了更清晰,我把移除事件換成。
width:
200px;height:
200px;background-color:
yellow;}.bb
width:
50px;height:
50px;background-color:
pink;當你點選慶型顫子元素。bb的時候,會彈出1,然後又彈出2.。2是哪來的?
是事件譽敗冒泡上去的事件分為捕獲階段,目標階段,和冒泡階段,當。bb觸發點選事件後,會向上冒泡,又租悄觸發了。aa的點選事件這就是事件冒泡。
事件冒泡和事件捕獲到底有何區別?
3樓:拋下思念
冒泡兩字會讓我聯想想起泡泡,泡泡是往顫棚上飛的對吧困蘆?
或者像水中魚兒吐泡泡一樣,那個泡泡從產生的起點往上浮。
事件冒泡原理也是相同的,從下至上。
事件捕獲與事件冒泡完全相反。是從上至下到指定元素。
-以上如有錯誤的地方希望大神們汪洞帶可以指出,感謝!
事件流、事件捕獲和事件冒泡的介紹
4樓:承吉凌
事件流、事件捕獲和事件冒泡的介紹。
最近有用到對應的場景,下班了特地來整理下響應的概念,鞏固下知識。
我們在點選頁面時,事件發生時會在各元素節點按照一定的順序進行傳播,這種傳播過程就稱作事件流。
事件流分為三個階段:
1、事件捕獲階段。
事件從window發出,棚念返不斷向子元素尋找對應的目標節點。
2、事件目標階段。
事件找到了對應的目標節點,即此時再往下已經沒有對應的節點。
3、事件冒泡階段。
事件從節點位置網上回溯到文件的根節點。
我們在使用給dom新增事件時一般使用addeventlistener方法,該方法傳入三個引數。
1、對應的事件名稱如:click
2、函式:觸發對應的互動響應後執行的函式。
3、usercapture:指定事件是鏈飢在捕獲還是冒泡階段執行,預設false。(或者傳入乙個options選項,但是今天不講這個)
語法:示例。
可以看到,都是先觸發捕獲再觸發冒泡事件,先從body(上)到btn(下),再從btn(下)到body(上)。有個例子就講的挺有形象,就好比乙個塑料扔到水裡,先往下沉(捕獲階段),沉到最底部(目標階段)再慢慢浮起來(高握冒泡階段)。
事件處理模型 --- 事件冒泡與事件捕獲
5樓:承吉凌
事件冒泡和事件捕獲分別由微軟和網景公司提出,這兩個概念都是為了解決頁面中事件流(事件發生順序)的問題。
事件流:描述裂帶的是從頁面中接收事件的順序。
事件發生時會在元素節點與根節點之間按照特定的順序傳播,路徑所經過的所有節點都會收到該事件,這個傳播過程即dom事件流。
冒泡型事咐源茄件流:
事件的傳播是從最特定的事件目標到最不特定的事件目標。即從dom樹的葉子到根。
捕獲型事件流:
事件的傳播是從最不特定的事件目標到最特定的事件目標。即從dom樹的根到葉子。事件捕獲的思想就是不太具體的節點應該更早接收到事件,而最具體的節點最後接收到事件。
結構上(非視覺上)巢狀關係的元素,會存在事件冒泡的功能,即同一事件,自子元素冒泡向父元素。(自底向上)
ie沒有捕獲事件。
結構上(非視覺上)巢狀關係衡察的元素,會存在事件捕獲功能,即同一事件,自父元素捕獲至子元素(事件源元素)。(自頂向下)
標準;但不支援ie9以下版本。
獨有 = true;谷歌也有。
示列。|| 用於ie
2.事件源物件:
簡述應如何預防和應對突發事件,如何應對突發事件,採取哪些措施
當時另一位偉大詩人,是被後人稱為 詩聖 的杜甫。杜甫比李白小11歲,兩人的深厚友情成為千古傳頌的文壇佳話。杜甫的青年時代,和許多盛唐詩人一樣,都有過 裘馬輕狂 的漫遊生活。但是他的主要活動是在安史之亂以後。他深受儒家思想影響,有 致君堯舜 的抱負,而一生卻窮愁潦倒,因此在感情上更能體驗到民眾的疾苦。...
現在有哪些體育即時熱點的事件和問題?
東京奧運會 歐洲盃等。東京奧運會倒計時天,正在緊張的備戰中。歐洲盃正在熱火朝天的舉行,畢竟算是世界盃的預演。現在的體育時事熱點就是歐洲盃的四強角逐,歐洲盃最終會花落誰家,歐洲盃的發展情況,女排的比賽進度,網球公開賽的舉行,這些都是現在的體育時事熱點。孫楊在年之內不得參加游泳比賽,林丹退役,科比的離世...
孔子影響的後世和具體人物和事件孔子對後世文化發展有什麼樣的影響
儒家,又稱儒學 儒教 孔孟思想 孔儒思想,是起源於中國並同時影響及流傳至其他周遭東亞地區國家的文化主流思想 哲理與宗教體系。前5世紀由孔子創立,脫胎自周朝禮樂傳統,以仁 恕 誠 孝為核心價值,著重君子的品德修養,強調仁與禮相輔相成,重視五倫與家族倫理,提倡教化和仁政,抨擊 力圖重建禮樂秩序,移風易俗...