dom 0 2級事件 事件流

2021-10-06 12:46:42 字數 382 閱讀 9944

dom 0/2 級事件、事件流是兩個不同的概念。為了分辨它們(提醒自己),我寫了此篇小記。

如有錯誤,歡迎批評指正!

dom 0 級事件:通過事件繫結的方式,給 dom 元素註冊事件處理函式。它的特點是只能繫結乙個事件(後面會覆蓋前面)。

dom 2 級事件:相比於 dom 0 級更加靈活(可以繫結多個、可以選擇不同的事件流)

解除 dom 0 級事件:dom.on*** = false / null / undefined

解除 dom 2 級事件:dom.removeeventlistener(type, function, boolean)

事件流:事件的時間線,捕獲->目標->冒泡

其中,捕獲是 netscape 的,冒泡是 ie 的。

事件 事件流理解

當我們給元素繫結好單擊事件,單擊這個元素,就會執行相應的 但是如果這個元素的父元素 祖先元素都繫結了單擊事件,他們會執行嗎?他們的執行順序是什麼呢?可以嘗試把頁面理解為乙個二維的平面,想象有一張白紙,我們在這張紙上畫下了一層一層的同心圓,當我們用手指按住最內的圓圈時,也按住了紙上所有的同心圓,也按住...

JS基礎 事件 事件流

總所周知,js和html之間的互動是通過事件實現的,互動過程中會產生許多事件,而從頁面上接收事件的順序就是事件流。事件流分為ie的事件冒泡流和netscape的事件捕獲流 這是指ie的事件流,即事件開始時由最具體的元素接收,然後逐級向上傳播到文件節點。所有的瀏覽器都在支援事件冒泡。但是ie5.5及之...

IE和DOM事件流

ie採用冒泡型事件 netscape使用捕獲型事件 dom使用先冒泡後捕獲事件冒泡型事件模型 button div body ie事件流 捕獲型事件模型 body div button netscape事件流 dom事件模型 body div button button div body 先捕獲後冒...