页面加载/卸载事件
触发顺序:
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 | 表单被提交到服务器时 |