JS中关于事件的知识点汇总，常用的事件整理

JS中关于事件的知识点汇总

提示：这里可以添加本文要记录的大概内容：

JS中关于事件的概念、用法：注册、删除事件、DOM事件流理论、事件对象、事件冒泡、事件委托，常用的键盘事件等

---

提示：以下是本篇文章正文内容，下面案例可供参考

事件的基本性质

• 事件的三要素分别是事件源、事件类型、事件处理程序，事件源就是谁触发了事件，事件类型就是触发了什么样的事件，事件处理程序一般就是一个函数。
• 给元素注册事件三步骤：获取元素、注册事件、编写事件处理函数

注册事件的3种方式及其使用局限性

• 传统方式：element.event=function（）{}；eg：buttons.οnclick=function(){alert(");}即为这个按钮绑定了一个弹出事件; 传统方式的弊端是：只能为该元素绑定一个事件，若再写一个事件就会把前一个覆盖掉
• 使用方法监听注册事件可以规避这个问题：eventTarget.addEventListener(type ,listener[，usecapture])——将指定的监听器注册到eventTarget目标对象上，当该对象触发指定的事件时，就会执行事件处理函数;type:事件类型字符; listener事件处理函数，事件发生时，会调用该监听函数;usecapture可选参数，是一个布尔值，默认是false；——这种方法可以绑定多个事件
• 第三种：低版本IE使用attachEvent()，会存在兼容性问题
• 下面demo中的按钮使用了不同的注册方式

 var btns = document.querySelectorAll('button');
        btns[0].onclick = function() {
   
                alert('hi');
            <