js与html的交互就是通过事件来实现的。可以用侦听器来预定事件。
1,事件流
1,事件冒泡
事件从最具体的元素接收,然后逐级向上传播到较为不具体的节点
2,事件捕获
事件从document开始,一直到最具体的元素接收。
3,DOM事件流
DOM2规定的事件流包含三个阶段: 捕获,处于目标和冒泡。默认的是使用的事件冒泡。
2,事件处理程序
事件就是用户或者浏览器执行的某种动作。 比如click等,都是事件的名字,而响应某个事件的函数就叫做事件处理程序。以‘on’开头。
DOM2的事件处理程序定义了两个方法:
addEventListener() : 三个参数, 要处理的事件名称、事件处理函数和 一个布尔值。 布尔值为true,则为捕获,false则为冒泡,默认为false
3,事件对象
在触发DOM的事件时,会产生一个事件对象event,包含所有与事件有关的信息。
currentTarget: 当前处理事件的元素
preventDefault: 取消事件的默认行为
stopPropagation: 取消事件的进一步捕获或冒泡。