JS DOM事件溫習

2022-08-14 04:00:16 字數 997 閱讀 6577

先來複習一下dom知識:

事件冒泡:即事件最開始由最具體的元素接收,然後逐級向上傳播,至最不具體的那個節點(文件)

事件捕獲:不太具體的節點應該更早接收到事件,而最具體的節點最後接收到事件。

事件處理程式:

html事件處理程式(缺點js和html緊耦合,不易於維護,降低效能)

dom0級別事件處理程式(對這個我比較疑惑,有些資料有這個概念,有寫資料沒有這個概念,根據js高階程式設計給出的它只能作為乙個歷史參考點)

dom1級事件處理程式

dom2級事件處理程式(能給乙個元素重複定義多個相同事件的不同處理方法)[dom2之前要自行新增**實現]

dom3級事件處理程式

還有ie事件處理程式(要對ie存在正確的仇視心理~)

貼上乙個跨瀏覽器的事件處理**

1

var eventutils =,

67 gettype:function

(event),

1011 gettarget:function

(event),

1415 stoppropagation:function

(event)

19else

22},

2324 preventdefault:function

(event)

28else

31},

3233 addhandler:function

(obj,method,fn)

37else

if(obj.attachevent)

40else

43},

4445 removehandler:function

(obj,method,fn)

49else

if(obj.detachevent)

52else55}

56 }

以上內容,如有錯誤請指出,不甚感激。

JS Dom 鍵盤滑鼠事件

常用滑鼠事件 onclick,ommouseover,onfocus,onmouseout,onblur,onmousemove,onmouseup,onmousedown 滑鼠事件物件 event mouseevent和keyboardevent e.clientx,e.clienty 滑鼠相對於...

溫習 委託與事件

第乙個例子 思歸給的委託事件參考站點 這個的定義也可以不要這樣.可以直接就定義乙個引數 public delegate void eateventhandler string e 但然用的時候的引數要相對應好哦 using system public delegate void eateventha...

JS DOM的事件及其用法

dom事件的設定 1.2.3.itnode.onclick function 4.itnode.onclick 有名函式名稱 function 函式名稱 注 this代表本身節點 設定事件 itnode.addeventlistener 事件型別,事件處理 事件流 取消事件 itnode.remov...