这篇文章主要介绍“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媒体元素比如