JavaScript中的事件

一、什么是事件

一种触发—响应的机制；

用户的行为+浏览器感知（捕获）到用户的行为+事件处理程序

事件三要素：

1.事件源:(被)触发事件的元素

2.事件类型:事件的触发方式(例如鼠标点击或键盘点击)

3.事件处理程序:事件触发后要执行的代码(函数形式)

二、事件绑定

行内方式绑定(元素属性)

JavaScript中的事件

onclick其实就是html元素的一个属性，而属性的值需要是一段可执行的JS代码

动态绑定(节点对象属性)

JavaScript中的事件

获取节点对象，然后修改节点对象的属性onclick的值，值是一个匿名函数即可；

以上两种事件绑定方式，需要在事件名称前加on;

事件监听(节点对象方法)

JavaScript中的事件

每一个节点对象都提供了addEventListener方法，这个方法可以给选中的节点添加指定类型的事件及事件处理程序；

移除事件监听

JavaScript中的事件

注意:removeEventListener方法移除的监听函数，必须与对应的addEventListener方法的参数完全一致，而且必须在同一个元素节点，否则无效。