JS事件

Posted 2020-12-04 追忆枉然

DOM2级绑定事件

addEventListener

target.addEventListener(type, listener, options);

type 事件类型 ‘click‘
listener fn 触发时的函数；一般用有名字的，可以删除
options :
capture:  Boolean，表示 listener 会在该类型的事件捕获阶段传播到该 EventTarget 时触发。
once:  Boolean，表示 listener 在添加之后最多只调用一次。如果是 true， listener 会在其被调用之后自动移除。
passive: Boolean，表示 listener 永远不会调用 preventDefault()。如果 listener 仍然调用了这个函数，客户端将会忽略它并抛出一个控制台警告。

兼容性:ie9以下不支持

attachEvent

attached = target.attachEvent(eventNameWithOn, callback)

params1: onclick

兼容性：IE9以下

兼容所有浏览器的DOM二级绑定

function addEvent(obj,event,fn) {
  if (obj.attachEvent) {
    obj.attachEvent(‘on‘ + event,fn)
  }else{
    obj.addEventListener(event,fn,false)
  }
}