事件捕獲跟冒泡

在dom的addEventListener() 方法中,參數(shù)有三個,

event表示事件名稱,例如'click';

function表示執(zhí)行的回調函數(shù),當事件對象會作為第一個參數(shù)傳入函數(shù)。 事件對象的類型取決于特定的事件。例如, "click" 事件屬于 MouseEvent(鼠標事件) 對象;

useCapture表示指定事件是否在捕獲或冒泡階段執(zhí)行——true - 事件句柄在捕獲階段執(zhí)行

false:默認值,事件句柄在冒泡階段執(zhí)行。

js事件流有以下階段:

DOM2級事件模型中規(guī)定了事件流的三個階段:捕獲階段、目標階段、冒泡階段,低版本IE(IE8及以下版本)不支持捕獲階段

捕獲事件流:Netscape提出的事件流,即事件由頁面元素接收,逐級向下,傳播到最具體的元素。

冒泡事件流:IE提出的事件流,即事件由最具體的元素接收,逐級向上,傳播到頁面。

使用removeEventListener() 方法來移除addEventListener()方法添加的事件句柄。

分別在window、document、html、body、btn上綁定事件,單擊按鈕,輸出結果如下:

事件流表述
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • ??JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的。 ??事件,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,684評論 1 11
  • 以下文章為轉載,對理解JavaScript中的事件處理機制很有幫助,淺顯易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy閱讀 3,165評論 1 10
  • JavaScript 程序采用了異步事件驅動編程模型。在這種程序設計風格下,當文檔、瀏覽器、元素或與之相關的對象發(fā)...
    劼哥stone閱讀 1,330評論 3 11
  • 事件流 JavaScript與HTML之間的交互是通過事件實現(xiàn)的。事件,就是文檔或瀏覽器窗口中發(fā)生的一些特定的交互...
    DHFE閱讀 909評論 0 3
  • 宜 迷失 忌 辨識 窗外,下午四點多的南方夕陽收斂了刺眼的光落,出差的實習生在返城的路途上,車廂里稀稀落落的乘客,...
    小女子李明閱讀 279評論 0 0

友情鏈接更多精彩內容