摘要:當一個事件觸發了之后,它會在父子元素之間進行傳播。控制臺輸出信息從上述的例子中,我們可以看到捕獲階段和冒泡階段事件傳播的方向
當一個事件觸發了之后,它會在父、子元素之間進行傳播。
一、 事件傳播的三個階段
捕獲階段:從window對象一直傳播到目標節點
目標階段:在目標節點上觸發事件
冒泡階段:從目標階段冒泡回window對象
JavaScript中的事件流是指事件觸發的順序,事件傳播有兩種方式,分別是事件冒泡和事件捕獲。
二、 在HTML元素節點上添加事件監聽函數
用addEventListener給節點添加監聽函數,代碼如下。
點擊觸發事件
當參數設為false時,表示只在冒泡階段監聽,所以當事件從p標簽向上冒泡到div標簽時,會在兩個節點上分別觸發一次click事件。控制臺輸出信息:
當參數設為true時,表示在捕獲階段監聽。控制臺輸出信息:
從上述的例子中,我們可以看到捕獲階段和冒泡階段事件傳播的方向
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/98152.html
摘要:事件流指的是從頁面接收事件的順序。級事件規定方法的第三個參數設為,表示事件在捕獲階段觸發。目前支持事件捕獲流的瀏覽器有,,,,。事件流根據級事件規定,事件流應該包括三個階段,事件捕獲階段,處于目標階段和事件冒泡階段。 什么是事件?(敲黑板) 事件,就是文檔或瀏覽器窗口發生的一些特定的交互瞬間。(by 《JavaScript高級程序設計》)比如鼠標點擊,雙擊,滾動條滑動... 什么是事件...
摘要:當前元素的某個事件行為被觸發,它所有的祖先元素,相關的事件行為也會被依次觸發,順序是從內向外。如果祖先元素的這個行為綁定了方法,綁定的方法也會被觸發執行,我們把事件的這種傳播機制叫做冒泡傳播這個傳播機制是所有瀏覽器的傳播機制。 document.body.onclick = function(){ console.log(body); } outer.onclick = ...
摘要:然而和分別提出了完全相反的的概念事件冒泡和事件捕獲。所有的節點中包含了這兩個方法,它們都接受個參數要處理的事件名作為事件處理程序的函數和一個布爾值。事件流級事件規定的事件流包括三個階段事件捕獲階段處于目標階段事件冒泡階段。 事件流描述的是從頁面中接受事件的順序。然而ie和netscape分別提出了完全相反的的概念:事件冒泡和事件捕獲。下面就說說這兩種事件流: 事件冒泡 事件冒泡,就是說...
摘要:然而和分別提出了完全相反的的概念事件冒泡和事件捕獲。所有的節點中包含了這兩個方法,它們都接受個參數要處理的事件名作為事件處理程序的函數和一個布爾值。事件流級事件規定的事件流包括三個階段事件捕獲階段處于目標階段事件冒泡階段。 事件流描述的是從頁面中接受事件的順序。然而ie和netscape分別提出了完全相反的的概念:事件冒泡和事件捕獲。下面就說說這兩種事件流: 事件冒泡 事件冒泡,就是說...
摘要:上個星期在微博中一個關于捕獲和冒泡代碼的討論,可能沒有動手實現一篇的人無法給出確定的答案。目標階段事件對象到達其事件目標。在此階段注冊的事件監聽器會對相應的冒泡事件進行處理。 上個星期在微博中一個關于javascript捕獲和冒泡代碼的討論,可能沒有動手實現一篇的人無法給出確定的答案。 這里再來回顧一下之前的三條微博。 事件的執行順序 JavaScript冒泡和捕獲考察題目看圖回答問題...
閱讀 3616·2021-11-24 09:39
閱讀 2546·2021-11-15 11:37
閱讀 2211·2021-11-11 16:55
閱讀 5155·2021-10-14 09:43
閱讀 3703·2021-10-08 10:05
閱讀 3006·2021-09-13 10:26
閱讀 2327·2021-09-08 09:35
閱讀 3535·2019-08-30 15:55