js—对象绑定的两种方法

<button id="btn">点击</button>

1、给一个对象绑定一个事件处理函数的第一种形式
给当前的btn绑定fn1函数

function fn1() {
  console.log(this);
}

function fn2() {
  console.log(100);
}
btn.onclick = fn1;

代码演示：

给当前的btn绑定fn2函数

后面绑定的函数会覆盖前面绑定的函数

btn.onclick = fn2;

代码演示：

2、给一个对象的同一个事件绑定多个函数，需要第二个形式addEventListener()
是否捕获:默认是false false:冒泡 true:捕获

btn.addEventListener('click', fn1, false);
btn.addEventListener('click', fn2, false);

代码演示：