【JS】【客户端】事件处理 —— 一些事件的处理

文档加载事件

大部分Web应用都需要Web浏览器通知它们文档加载完毕和为操作准备就绪的时间。WIndow对象的load事件就是为了这个目的。

load事件直到文档和所有图片加载完毕时才发生。

然而，在文档完全解析之后但在所有图片全部加载完毕之前开始运行脚本通常是安全的，所以如果基于”load“发生之前的事件触发脚本会提升WEB应用的启动时间。

当文档加载解析完毕且所有延迟脚本都执行完毕时会触发 DOMContentLoader事件，此时图片和异步脚本可能依旧在加载，但是文档已经为操作准备就绪了。

鼠标事件

类型	说明
click	高级事件，当用户按下并释放鼠标按键或其他方式激活元素时触发
contextmenu	可以取消的使劲啊，当上下文菜单即将出现时触发。 当前浏览器在鼠标右击时显示上下文菜单，所以这个事件也能像click事件那样使用
dblick	当用户双击鼠标时触发
mousedown	当用户按下鼠标按键时触发
mouseup	当用户释放鼠标按键时触发
mousemove	当用户移动鼠标时触发
mouseover	当鼠标进入元素时触发
mouseout	当鼠标离开元素时触发
mouseenter	类似mouseover，但不冒泡
mouseleave	类似mouseout，但不冒泡

传递给鼠标事件处理程序的事件对象有clientX和clientY属性，指定了鼠标指针相对于包含窗口的坐标。

altKey,ctrlKey,metaKey,shiftKey属性指定了当事件发生时是否有各种键盘辅助键按下。

鼠标滚轮事件

拖放事件

文本事件

浏览器有3个传统的键盘输入事件：keydown事件和keyup事件是低级事件；keypress事件是较高级的事件，它表示一个可打印的字符。

键盘事件

当用户在键盘按下或释放按键时，会发生keydown和keyup事件。它们由辅助键，功能键和字母数字键产生，如果用户按键时间足够长会导致它开始重复，那么在keyup事件到达之前会收到多个keydown事件。