【JavaScript】笔记-事件-事件类型

页面加载/卸载事件

触发顺序：

DOMContentLoaded -> load -> beforeunload

事件	对象	触发
DOMContentLoaded	document window	HTML文档(DOM树)被加载到内存和解析时。在load前触发。
load	window	HTML文档（DOM树），css，图像，被加载和解析时
beforeunload	window	关闭标签，浏览器窗口，刷新页面时。在unload前触发。

焦点事件(DOM)

用于：与表单控件交互时。

事件	触发
focus	当元素获取焦点时
blur	当元素失去焦点时

鼠标事件(DOM)

单击时触发事件：down -> up -> click

事件	触发
click	在元素上按下松开鼠标主键时
mousedown	在元素上按下鼠标任何键时
mouseup	在元素上按下后松开鼠标任何键时
mouseover	鼠标从元素A外移到元素边框区里时或其子元素里时触发事件A的该事件
mouseout	鼠标从元素A里移到元素边框里时或其子元素外时，或鼠标进入子元素里时，均触发元素A的该事件
mousemove	在元素上移动鼠标时（反复触发）
contextmenu	当打开上下文菜单（快捷菜单）时

键盘事件(DOM)

用户在键盘上按键时触发

触发顺序：keydown -> keyup

事件	触发
keydown	按下某 个键时（按下不放会重复触发）
keyup	按下并松开某个键时发生在输入框值变化后

表单相关元素事件

用于用户和表单或表单控件交互时

事件	触发
input	当input,select,textarea控件的值被改变时
change	元素的值被改变且提交时，用于select，radio，checkbox控件值改变时
submit	表单被提交到服务器时