JavaScript DOM事件高级

我是表哥Harker，表妹我来咯~

前几篇介绍了DOM基础事件，获取元素，例子中也基本上把鼠标这类常用的事件给出了，但JS中的事件不仅仅就是这么简单，所以这篇名字叫做事件高级，表妹们跟着我更加深入的去了解JS事件吧。

 

1、注册事件（绑定事件） 

• 给元素添加事件，称为注册事件或者绑定事件
• 注册事件有两种方式：传统方式和方法监听注册方式 

传统注册方式

• 利用 on 开头的事件 onclick 
• <button οnclick=“alert('hi~')”></button> 
• btn.onclick = function() {} 
• 特点： 注册事件的唯一性 
• 同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数 

方法监听注册方式 

• w3c 标准 推荐方式 
• addEventListener() 它是一个方法 
• IE9 之前的 IE 不支持此方法，可使用 attachEvent() 代替 
• 特点：同一个元素同一个事件可以注册多个监听器 
• 按注册顺序依次执行 

 

1）、addEventListener 事件监听方式  

•  eventTarget.addEventListener() 方法将指定的监听器注册到 eventTargetÿ