事件繫結與解除

2021-09-28 20:29:01 字數 947 閱讀 9143

ele.

onclick

=function

(event)

//乙個元素的同乙個事件只能繫結乙個處理函式,基本等同於寫在行間,控制代碼,this指向dom元素本身

obj.

addeventlistener

(type,fn,

false);

//type-事件型別,fn-處理函式,乙個事件可以繫結多個處理函式,ie9以下不相容,this指向dom元素本身

obj.

attachevent

('on'

+ type,fn)

;//ie獨有,乙個事件可以繫結多個處理程式,this指向window

var licol = document.

getelementsbytagname

('li'),

//繫結事件,注意閉包

len = licol.length;

for(

var i =

0; i,false)}

(i))

}//封裝相容事件繫結方法

function

addevent

(elem,type,handle)

else

if(elem.attachevent))}

else

}

//解除事件繫結

ele.onclick =

false/''

/null

ele.

removeeventlistener

(type,fn,

false);

ele.

detachevent

('on'

+type,fn)

;//匿名函式無法解除繫結

解除繫結事件

用什麼方式繫結事件,就用對應的方式解綁事件 一 物件.on事件名字 事件處理函式 繫結事件 物件.on事件名字 null 解綁 type button value 繫結 id btn type button value 解除繫結 id btn2 my btn onclick function my ...

jQuery 事件的繫結和解除繫結

html 老哥,點我 js document ready function 繫結方法,將做出反應的 封裝起來,提公升 的利用率,同時能減少記憶體的占用 on表示繫結事件,off表示解除事件,事件繫結不會覆蓋,如果乙個事件繫結了多個方法,解除預設全部解除,通過逗號隔開指定解除某個方法,老版本on和of...

module3 03 DOM事件繫結 解除 事件流

同乙個元素可以多次繫結事件監聽,同乙個事件可以註冊多個事件函式 相容問題 不支援ie9以下的瀏覽器 同乙個元素可以多次繫結事件監聽,同乙個事件型別 比如相同的onclick 可以註冊多個事件函式 相容性問題 只支援ie10及以下的瀏覽器 注意事項 注意事項 這樣只需要給父元素這乙個繫結事件就可以了 ...