瀏覽器事件機制

瀏覽器事件機制(即冒泡和捕獲,也稱為事件流)

基礎(chǔ)知識

  1. 操作系統(tǒng)最先知道用戶點擊了鼠標段化,瀏覽器次之
  2. child 被點擊了,意味著 parent 也被點擊了
  3. 如果我同時監(jiān)聽了 child 和 parent获讳,那么誰先通知我风钻?這是個問題。

捕獲階段

早期 Navigator 支持
parent 先通知,child 后通知

冒泡階段

IE支持
child 先通知绍赛,parent 后通知
(onclick 就是在冒泡階段被通知)

W3C 事件模型

既支持捕獲又支持冒泡(先捕獲后冒泡)

舉例說明事件機制(混用)

有兩個div蔓纠,一個parent,一個child吗蚌,parent包含child.當用戶點擊child時先發(fā)生捕獲階段腿倚,通知parent你孩子被點擊了是否需要處理一下后通知child你被點擊了是否需要處理一下,之后發(fā)生冒泡階段先通知child你被點擊了是否需要處理后通知parent你孩子被點擊了是否需要處理一下
注:若點擊的是你自己蚯妇,就沒有什么捕獲和冒泡敷燎,誰先監(jiān)聽就先觸發(fā)誰。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末箩言,一起剝皮案震驚了整個濱河市硬贯,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌陨收,老刑警劉巖饭豹,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異畏吓,居然都是意外死亡墨状,警方通過查閱死者的電腦和手機卫漫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進店門菲饼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人列赎,你說我怎么就攤上這事宏悦。” “怎么了包吝?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵饼煞,是天一觀的道長。 經(jīng)常有香客問我诗越,道長砖瞧,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任嚷狞,我火速辦了婚禮块促,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘床未。我一直安慰自己竭翠,他們只是感情好,可當我...
    茶點故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布薇搁。 她就那樣靜靜地躺著斋扰,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上传货,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天屎鳍,我揣著相機與錄音,去河邊找鬼问裕。 笑死哥艇,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的僻澎。 我是一名探鬼主播貌踏,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼窟勃!你這毒婦竟也來了祖乳?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤秉氧,失蹤者是張志新(化名)和其女友劉穎眷昆,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體汁咏,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡亚斋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了攘滩。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片帅刊。...
    茶點故事閱讀 38,814評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖漂问,靈堂內(nèi)的尸體忽然破棺而出赖瞒,到底是詐尸還是另有隱情,我是刑警寧澤蚤假,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布栏饮,位于F島的核電站,受9級特大地震影響磷仰,放射性物質(zhì)發(fā)生泄漏袍嬉。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一灶平、第九天 我趴在偏房一處隱蔽的房頂上張望伺通。 院中可真熱鬧,春花似錦民逼、人聲如沸泵殴。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽笑诅。三九已至调缨,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間吆你,已是汗流浹背弦叶。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留妇多,地道東北人伤哺。 一個月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像者祖,于是被迫代替她去往敵國和親立莉。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,728評論 2 351

推薦閱讀更多精彩內(nèi)容

  • 一七问、概述 瀏覽器事件流存在三個階段:捕獲階段蜓耻、目標階段、冒泡階段,捕獲和冒泡是事件傳播的兩種截然相反的方式械巡。 二刹淌、...
    pz明閱讀 1,653評論 0 0
  • 以下文章為轉(zhuǎn)載,對理解JavaScript中的事件處理機制很有幫助讥耗,淺顯易懂有勾,特分享于此。 什么是事件古程? 事件(E...
    jxyjxy閱讀 3,030評論 1 10
  • js之事件機制 1蔼卡、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驅(qū)動...
    道無虛閱讀 2,343評論 1 3
  • 一菲宴、問答 1. dom對象的innerText和innerHTML有什么區(qū)別? innerHTML: 也就是從對象...
    饑人谷_羅偉恩閱讀 592評論 0 2
  • 早上6點半起床趋急,平常都是這個點醒,前一天晚上本想調(diào)6點的鬧鐘势誊,但是星期六呜达,室友們都要睡到10點,于是沒調(diào)鬧鐘...
    阿詩丹頓閱讀 277評論 0 0