javascript中的事件分类-创新互联

这篇文章主要介绍“javascript中的事件分类”，在日常操作中，相信很多人在javascript中的事件分类问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”javascript中的事件分类”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

窗口事件属性（Window Event Attributes）

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

由窗口触发该事件 (适用于 标签):

onafterprint，在打印文档之后运行脚本

onbeforeprint，在文档打印之前运行脚本

onbeforeonload，在文档加载之前运行脚本

onblur，当窗口失去焦点时运行脚本

onerror，当错误发生时运行脚本

onfocus，当窗口获得焦点时运行脚本

onhaschange，当文档改变时运行脚本

onload，当文档加载时运行脚本

onmessage，当触发消息时运行脚本

onoffline，当文档离线时运行脚本

ononline，当文档上线时运行脚本

onpagehide，当窗口隐藏时运行脚本

onpageshow，当窗口可见时运行脚本

onpopstate，当窗口历史记录改变时运行脚本

onredo，当文档执行再执行操作（redo）时运行脚本

onresize，当调整窗口大小时运行脚本

onstorage，当 Web Storage 区域更新时（存储空间中的数据发生变化时）运行脚本

onundo，当文档执行撤销时运行脚本

onunload，当用户离开文档时运行脚本

:::::::::::::::::::::::::::::::::::::::::::

表单事件(Form Events)

:::::::::::::::::::::::::::::::::::::::::::

表单事件在HTML表单中触发 (适用于所有 HTML 元素, 但该HTML元素需在form表单内):

onblur，当元素失去焦点时运行脚本

onchange，当元素改变时运行脚本

oncontextmenu，当触发上下文菜单时运行脚本

onfocus，当元素获得焦点时运行脚本

onformchange，当表单改变时运行脚本

onforminput，当表单获得用户输入时运行脚本

oninput，当元素获得用户输入时运行脚本

oninvalid，当元素无效时运行脚本

onreset，当表单重置时运行脚本。HTML 5 不支持。

onselect，当选取元素时运行脚本

http://www.iis7.com/b/plc/

onsubmit，当提交表单时运行脚本

:::::::::::::::::::::::::::::::::::::::::::::::::::::::

键盘事件（Keyboard Events）

::::::::::::::::::::::::::::::::::::::::::::::::::::::

onkeydown，当按下按键时运行脚本

onkeypress，当按下并松开按键时运行脚本

onkeyup，当松开按键时运行脚本

:::::::::::::::::::::::::::::::::::::::::::::::::

鼠标事件（Mouse Events）

::::::::::::::::::::::::::::::::::::::::::::::::

通过鼠标触发事件, 类似用户的行为:

onclick，当单击鼠标时运行脚本

ondblclick，当双击鼠标时运行脚本

ondrag，当拖动元素时运行脚本

ondragend，当拖动操作结束时运行脚本

ondragenter，当元素被拖动至有效的拖放目标时运行脚本

ondragleave，当元素离开有效拖放目标时运行脚本

ondragover，当元素被拖动至有效拖放目标上方时运行脚本

ondragstart，当拖动操作开始时运行脚本

ondrop，当被拖动元素正在被拖放时运行脚本

onmousedown，当按下鼠标按钮时运行脚本

onmousemove，当鼠标指针移动时运行脚本

onmouseout，当鼠标指针移出元素时运行脚本

onmouseover，当鼠标指针移至元素之上时运行脚本

onmouseup，当松开鼠标按钮时运行脚本

onmousewheel，当转动鼠标滚轮时运行脚本

onscrollNew，当滚动元素的滚动条时运行脚本

:::::::::::::::::::::::::::::::::::::::::::::::::

多媒体事件(Media Events)

::::::::::::::::::::::::::::::::::::::::::::::::

通过视频（videos），图像（images）或者音频（audio） 触发该事件，多应用于HTML媒体元素比如