本章小结

事件处理器可以检测并响应发生在我们的 Web 页面上的事件。addEventListener方法用于注册处理器。

每个事件都有标识事件的类型(keydownfocus等)。大多数方法都会在特定 DOM 元素上调用,接着向其父节点传播,允许每个父元素的处理器都能处理这些事件。

JavaScript 调用事件处理器时,会传递一个包含事件额外信息的事件对象。该对象也有方法支持停止进一步传播(stopPropagation),也支持阻止浏览器执行事件的默认处理器(preventDefault)。

按下键盘按键时会触发keydownkeyup事件。按下鼠标按钮时,会触发mousedownmouseupclick事件。移动鼠标会触发mousemove事件。触摸屏交互会导致"touchstart""touchmove""touchend"事件。

我们可以通过scroll事件监测滚动行为,可以通过focusblur事件监控焦点改变。当文档完成加载后,会触发窗口的load事件。