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

共计 363 个字符，预计需要花费 1 分钟才能阅读完成。

绑定事件的两种方式

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

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

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

This，当前触发事件的标签

1、第一种绑定方式

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

2、第二种绑定方式

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