Question

Javascript事件绑定的几种方式

Answer 1

以button的Click事件为例：

<button id="btn">click me</button>
function clickBtn() {
alert('click!');

}
1、直接在元素上绑定回调函数 <button id="btn" onclick="clickBtn()">click me</button>
2、JS获取DOM元素对象后，对onclick属性赋值，绑定事件： document.getElementById('btn').onclick=clickBtn;
3、JS获取DOM对象后，调用对象的addEventListener函数绑定事件：document.getElementById('btn').addEventListener('click',clickBtn);

现阶段主流浏览器兼容的绑定事件方式就这3种