事件機制 事件捕獲 處于目標(biāo)階段 事件冒泡 事件委托

事件捕獲

當(dāng)點擊觸發(fā)了dom事件,瀏覽器會從根節(jié)點開始由外向內(nèi)進行傳播,如果父元素在捕獲期注冊了對應(yīng)的事件,則會先觸發(fā)父元素的綁定事件

事件冒泡

由內(nèi)向外進行傳播,直到根節(jié)點

事件流:事件捕獲期(IE10以下不支持捕獲期) -> 處于目標(biāo)階段 -> 事件冒泡期

  • 當(dāng)子元素不想觸發(fā)父元素事件,可停止事件傳播 event.stopPropagation() 或者 event.cancelBubble = true

事件委托就是根據(jù)事件冒泡機制,在父元素上綁定事件,點擊子元素,通過事件冒泡,在父元素上觸發(fā)事件

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

相關(guān)閱讀更多精彩內(nèi)容

  • ??JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的。 ??事件,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,687評論 1 11
  • js之事件機制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驅(qū)動...
    道無虛閱讀 2,630評論 0 2
  • 以下文章為轉(zhuǎn)載,對理解JavaScript中的事件處理機制很有幫助,淺顯易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy閱讀 3,166評論 1 10
  • 當(dāng)兒子的那個“滾”字從嘴巴里面吐出來的時候,其實我是崩潰的。家里有老人,有時候會蹦出幾個臟字,雖然我一直在盡量避免...
    梅子的江湖閱讀 1,731評論 33 64
  • R:真正使人在婚姻中變得幸福的東西是兩人有很深的聯(lián)結(jié),互相陪伴、支持、照顧,因此,當(dāng)真正遇到合適的人選時才去選擇結(jié)...
    心聲樹洞閱讀 124評論 0 0

友情鏈接更多精彩內(nèi)容