addEventListener 和onclick

标签：ons   ssi   javascrip   多选   bsp   div   apt   click   span   

addEventListener 有三个参数：

事件名称；
事件处理函数；
捕获还是冒泡。

事件处理函数不一定是函数，也可以是个JavaScript具有handleEvent方法的对象，看下例子：

var o = {
  handleEvent: event => console.log(event)
}
document.body.addEventListener("keydown", o, false);

第三个参数不一定是 bool 值，也可以是个对象，它提供了更多选项。

once：只执行一次。
passive：承诺此事件监听不会调用 preventDefault，这有助于性能。
useCapture：是否捕获（否则冒泡）。

实际使用，在现代浏览器中，还可以不传第三个参数，我建议默认不传第三个参数，因为我认为冒泡是符合正常的人类心智模型的，大部分业务开发者不需要关心捕获过程。除非你是组件或者库的使用者，那就总是需要关心冒泡和捕获了。

onclick和addEventListener 

方法一对同一个元素绑定多次同类事件，写在后面的会覆盖前边的事件

方法二对同一个元素绑定多次同类事件，不会发生覆盖，会顺序执行所绑定的事件

addEventListener 和onclick

标签：ons   ssi   javascrip   多选   bsp   div   apt   click   span   

原文地址：https://www.cnblogs.com/kaicy/p/14660422.html