事件繫結 2

2022-04-11 18:07:35 字數 1062 閱讀 5619

完美版事件繫結處理函式,解決了所有ie現代事件繫結的問題,直接看**:

1

function

addevent(obj, type, fn) else;7

8//將事件函式存放在事件物件的陣列中

9if (!obj.events[type]) else

16//

將後面的事件函式依次存放在事件物件陣列中的其他位置

17 obj.events[type][addevent.id++] =fn;

18//

執行事件函式

19 obj['on' + type] =addevent.exec;20}

21}2223

//為每個事件分配乙個計數器

24 addevent.id = 1;

2526

//執行事件處理函式

27 addevent.exec = function

(e)

33};

3435

//同乙個註冊函式進行遮蔽

36 addevent.equal = function

(es, fn)

40return

false;41

};42

43//

把ie常用的event物件配對到w3c中去

44 addevent.fixevent = function

(event) ;

4950

51//

ie取消預設行為

52 addevent.fixevent.preventdefault = function

() ;

5556

//ie取消冒泡

57 addevent.fixevent.stoppropagation = function

() ;

6061

//跨瀏覽器刪除事件函式

62function

removeevent(obj, type, fn) else

70} 71}

72 }

jquery繫結事件以及js繫結事件

jquery繫結事件 bind事件 onelive delegate on對應的 jquery繫結click事件的寫法start click1 bind click function click2 one click function click3 live click function click...

事件處理 on 繫結事件

on 方法在匹配元素上繫結乙個或者多個事件處理函式 element.on events,selector fn 發生多個事件的話 div on click function mouseout function 發生事件發生同樣的操作的話 div on mouseover mouseout funct...

事件流程以及dom2級事件繫結

事件流程分為三個階段 捕獲階段 目標階段 冒泡階段。捕獲階段 事件從最頂層元素開始執行,一層層往下,直到精確元素。目標階段 事件在精確元素上執行。冒泡階段 事件從精確元素開始執行,一層層往上,直到頂層元素 注 高階瀏覽器的頂層元素是window,ie8以下的瀏覽器頂層元素是document dom2...