本章小结
事件处理器可以检测并响应发生在我们的 Web 页面上的事件。addEventListener
方法用于注册处理器。
每个事件都有标识事件的类型(keydown
、focus
等)。大多数方法都会在特定 DOM 元素上调用,接着向其父节点传播,允许每个父元素的处理器都能处理这些事件。
JavaScript 调用事件处理器时,会传递一个包含事件额外信息的事件对象。该对象也有方法支持停止进一步传播(stopPropagation
),也支持阻止浏览器执行事件的默认处理器(preventDefault
)。
按下键盘按键时会触发keydown
和keyup
事件。按下鼠标按钮时,会触发mousedown
、mouseup
和click
事件。移动鼠标会触发mousemove
事件。触摸屏交互会导致"touchstart"
,"touchmove"
和"touchend"
事件。
我们可以通过scroll
事件监测滚动行为,可以通过focus
和blur
事件监控焦点改变。当文档完成加载后,会触发窗口的load
事件。