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媒体元素比如