一、什么是事件
一种触发—响应的机制;
用户的行为+浏览器感知(捕获)到用户的行为+事件处理程序
事件三要素:
1.事件源:(被)触发事件的元素
2.事件类型:事件的触发方式(例如鼠标点击或键盘点击)
3.事件处理程序:事件触发后要执行的代码(函数形式)
二、事件绑定
行内方式绑定(元素属性)
onclick其实就是html元素的一个属性,而属性的值需要是一段可执行的JS代码
动态绑定(节点对象属性)
获取节点对象,然后修改节点对象的属性onclick的值,值是一个匿名函数即可;
以上两种事件绑定方式,需要在事件名称前加on;
事件监听(节点对象方法)
每一个节点对象都提供了addEventListener方法,这个方法可以给选中的节点添加指定类型的事件及事件处理程序;
移除事件监听
注意:removeEventListener方法移除的监听函数,必须与对应的addEventListener方法的参数完全一致,而且必须在同一个元素节点,否则无效。