js事件繫結的3種方式,以及相容IE的寫法

2021-10-03 17:26:09 字數 1287 閱讀 8612

事件繫結分為3種

1.直接在html中繫結

2.dom0級事件繫結

3.dom2級事件繫結

html

"get()"

>按鈕

"btn"

>dom0級事件

"btn2"

>dom2級事件繫結

js

//繫結事件滿足3步:

//1.事件物件 button

//2.繫結乙個事件型別

//3.事件控制代碼 (事件處理函式)

//新增事件

function

get(

)var btn=document.

getelementbyid

("btn"

)var btn2=document.

getelementbyid

("btn2"

)var

dom0

=function()

vardom2

=function()

btn.onclick=dom0

btn2.

addeventlistener

("click"

,dom2,

false

)//相容ie8

btn2.

attachevent

("onclick"

,dom2)

//移除事件

btn2.

removeeventlistener

("click"

,dom2)

//移除事件ie8

btn2.

detachevent

("onlick"

,dom2)

相容ie寫法

var key=

else

if(element.attachevent)

else},

removeevent:

function

(element,type,fun)

else

if(element.attachevent)

else}}

key.

addevent

(btn2,

"click"

,dom2)

key.

removeevent

(btn2,

"click"

,dom2)

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

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

JS事件繫結三種方式

1.在html標籤中直接繫結 2.在js中獲取到相應的dom元素後繫結 重複繫結會覆蓋之前繫結的onclick事件let button1 document.getelementbyid btn1 button1.onclick function 3.在js中使用addeventlistener 實現...

JS繫結事件的三種方式

一.xhtml 繫結方式 type button onclick test type button onclick 若干句js 二.dom繫結方式 推薦 優點 內容和行為分離 dom物件.事件 事件處理函式 var btn1 document.getelementbyid btn1 btn1.onc...