前端开发之DOM绑定事件的两种方式

2019年2月18日15:18:09 发表评论 143 views

绑定事件的两种方式

1、直接标签绑定，onclick='func()'

2、先获取DOM对象，然后进行绑定

document.getElementsById("xx").onclick
document.getElementsById("xx").onfocus

1 2	document.getElementsById("xx").onclick document.getElementsById("xx").onfocus

1、第一种绑定方式

<input id="i1" type="button" onclick="ClickOn(this)">
<function> ClickOn(self){
    //self 当前点击的标签
    }

<function> ClickOn(self){

//self 当前点击的标签

}

2、第二种绑定方式

<input id="i1" type="button" onclick="ClickOn(this)">
document.getElementsById("i1").onclick = function() {
    // this 代指当前点击的标签
}

document.getElementsById("i1").onclick = function() {

// this 代指当前点击的标签

}