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

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

本文最后更新于2019年2月18日，已超过 1 年没有更新，如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢！

绑定事件的两种方式

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 代指当前点击的标签

}