dom 事件機制

2021-09-24 14:08:46 字數 453 閱讀 6239

addeventlistener() 方法用於向指定元素新增事件。

element.addeventlistener(event, function, usecapture)

引數描述

event

function

必須。指定要事件觸發時執行的函式。 

當事件物件會作為第乙個引數傳入函式。 事件物件的型別取決於特定的事件。例如, "click" 事件屬於 mouseevent(滑鼠事件) 物件。

usecapture

可選。布林值,指定事件是否在捕獲或冒泡階段執行。

可能值:

捕獲流程:

被監聽的元素先執行。

如果被監聽的元素沒有子元素,那麼哪個監聽**寫在前面,就先執行哪個!

冒泡流程: 

從目標元素開始執行操作,即最內層的事件開始

DOM的事件傳播機制

在dom傳播的過程中,乙個事件有觸發到響應,經歷了三個過程 1,目標的挖洞過程,先有html標籤觸發事件,然後向子標籤一層一層傳播,但未執行,直到找到事件目標為止,這個過程叫做挖洞過程,2,目標階段,即獲取目標階段。3,冒泡階段,事件目標響應事件,並呼叫事件函式,然後一層一層向父標籤傳遞事件響應,直...

DOM 事件(鍵盤事件)

onkeydown 事件會在使用者按下乙個鍵盤按鍵時發生。onkeydown onkeypress onkeyup onkeydown事件在很多小遊戲上應用較多,比如需要控制上下左右的很多遊戲,如2048,貪吃蛇,俄羅斯方塊等等。keydown function bind this 然後就可以通過鍵...

Dom事件鍵盤事件

dom0級事件元素繫結多個 click 最後只執行最後乙個 click dom2級事件元素繫結多個 click 都要執行 注意當繫結的多個事件名,函式名,事件發生階段三者完全一樣時,才執行最後乙個 div.addeventlistener click fn1,false div.addeventli...