繫結事件和解綁事件

繫結事件：

1.物件.on+事件型別=事件處理函式

物件[on+事件型別]=事件處理函式

2.物件.addeventlistener(事件型別 , 事件處理函式 , false)

//火狐 谷歌 ie11支援 ie8 不支援

3.物件.attachevent(on + 事件型別，事件處理函式)

//火狐 谷歌 ie11不支援 ie8支援

addeventlistener(); 和 attachevent() 區別：

1.方法名不一樣

2.引數個數不一樣addeventlistener三個引數,attachevent兩個引數

3.addeventlistener 谷歌,火狐,ie11支援,ie8不支援

attachevent 谷歌火狐不支援,ie11不支援,ie8支援

4.this不同,addeventlistener 中的this是當前繫結事件的物件

attachevent中的this是window

5.addeventlistener中事件的型別(事件的名字)沒有on

attachevent中的事件的型別(事件的名字)有on

相容**：

function addeventlistener(ele,type,fn)else if(ele.attachevent)else

}

注意:用什麼方式繫結事件,就應該用對應的方式解綁事件

1.解綁事件

物件.on事件名字=事件處理函式—>繫結事件

物件.on事件名字=null;

2.解綁事件

物件.addeventlistener(「沒有on的事件型別」,命名函式,false);—繫結事件

物件.removeeventlistener(「沒有on的事件型別」,函式名字,false);

//必須是命名函式

//火狐 谷歌 ie11支援 ie8 不支援

3.解綁事件

物件.attachevent(「on事件型別」,命名函式);—繫結事件

物件.detachevent(「on事件型別」,函式名字);

//必須是命名函式

//火狐 谷歌 ie11不支援 ie8支援

相容**：

function removeeventlistener(ele,type,fn)else if(ele.detachevent)else

}

js繫結事件和解綁事件

在js中繫結多個事件用到的是兩個方法 attachevent和addeventlistener,但是這兩個方法又存在差異性 attachevent方法 只支援ie678,不相容其他瀏覽器 addeventlistener方法 相容火狐谷歌,不相容ie8及以下 addeventlistener方法 d...

jQuery的事件繫結和解綁

語法 bind type,data,fn 描述 為每乙個匹配元素的特定事件 像click 繫結乙個事件處理器函式。引數解釋 string 事件型別 object 可選 作為event.data屬性值傳遞給事件物件的額外資料物件 function 繫結到每個匹配元素的事件上面的處理函式 示例 當每個p...

事件的繫結和解綁 jQuery

之前學的滑鼠事件，表單事件與鍵盤事件都有個特點，就是直接給元素繫結乙個處理函式，所有這類事件都是屬於快捷處理。翻開原始碼其實可以看到，所有的快捷事件在底層的處理都是通過乙個 on 方法來實現的。jquery on 方法是官方推薦的繫結事件的乙個方法。基本用法 on events selector d...