转行前段自我学习记录——JS事件

1、事件即JS与HTML之间的交互动作。

2、事件都是通过事件处理程序实现。事件处理程序有DOM0级与DOM2级，其中DOM0级一般形式是element.eventType=fucntion(){};DOM2级一般是通过element.addEventlistener（）方法实现。IE为eventAttach（）

3、对于IE浏览器，DOM0级事件处理程序的作用域是元素本身，DOM2级事件处理程序的作用域是全局作用域（window）。其他浏览器，都是元素本身。比如

在IE以外的事件处理程序，会根据事件先后顺序执行，比如下图。body的onclick事件会最先执行，而在IE中，则是最后执行

4、创建事件处理程序的同时，会创建一个event对象，包含事件处理程序的所有信息，event对象有几个常用属性与方法：

event.type（事件类型，比如click、mouseover、load、unload等），event.currentTarget（事件绑定元素，为Element对象）、event.target（触发事件的元素，为Element对象），event.bubbles（表明事件是否冒泡），event.stopPropagation（设定事件不冒泡）。

5、事件处理程序会占用内存，为了释放内存，需要通过移除事件释放内存，DOM0级方式可通过设定事件程序等于null，如btn.click=null。DOM2级事件通过removeEventListener（）移除事件，且绑定的事件函数必须是同一个，不然无法移除，如匿名函数定义的事件函数，无法移除。

通过“事件委托”机制，可一定程度上减少事件程序数量，达到优化内存占用的目的。如

将事件绑定在body（或其他父元素）上，因为有冒泡机制，单击body作用域中任意元素（不管是否后代元素），均会触发事件，而事件中包含了event.target（触发对象元素）的筛选（通过ID），于是可以实现不在特定元素上绑定事件而达到元素触发事件的效果。大大降低了内存消耗。由此也能很简单的移除事件，=。