html事件有哪些

html事件有哪些

发布时间：2021-06-15 15:35:38

来源：亿速云

阅读：200

作者：chen

栏目：web开发

本篇内容主要讲解“html事件有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“html事件有哪些”吧!

html事件有：1、针对window对象触发的Window事件；2、由HTML表单内的动作触发的Form事件；3、Keyboard事件；4、由鼠标或类似用户动作触发的Mouse事件；5、由媒介（例如视频、图像和音频）触发的Media事件。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

HTML 有能力让事件触发浏览器中的动作，例如当用户单击元素时启动 JavaScript。

html中的事件

1、Window 事件

针对 window 对象触发的事件（应用到 标签）：

属性值描述onafterprintscript文档打印之后运行的脚本。onbeforeprintscript文档打印之前运行的脚本。onbeforeunloadscript文档卸载之前运行的脚本。onerrorscript在错误发生时运行的脚本。onhaschangescript当文档已改变时运行的脚本。onloadscript页面结束加载之后触发。onmessagescript在消息被触发时运行的脚本。onofflinescript当文档离线时运行的脚本。ononlinescript当文档上线时运行的脚本。onpagehidescript当窗口隐藏时运行的脚本。onpageshowscript当窗口成为可见时运行的脚本。onpopstatescript当窗口历史记录改变时运行的脚本。onredoscript当文档执行撤销（redo）时运行的脚本。onresizescript当浏览器窗口被调整大小时触发。onstoragescript在 Web Storage 区域更新后运行的脚本。onundoscript在文档执行 undo 时运行的脚本。onunloadscript一旦页面已下载时触发（或者浏览器窗口已被关闭）。2、Form 事件

由 HTML 表单内的动作触发的事件（应用到几乎所有 HTML 元素，但最常用在 form 元素中）：

属性值描述onblurscript元素失去焦点时运行的脚本。onchangescript在元素值被改变时运行的脚本。oncontextmenuscript当上下文菜单被触发时运行的脚本。onfocusscript当元素获得焦点时运行的脚本。onformchangescript在表单改变时运行的脚本。onforminputscript当表单获得用户输入时运行的脚本。oninputscript当元素获得用户输入时运行的脚本。oninvalidscript当元素无效时运行的脚本。onresetscript当表单中的重置按钮被点击时触发。HTML5 中不支持。onselectscript在元素中文本被选中后触发。onsubmitscript在提交表单时触发。3、Keyboard 事件

属性值描述onkeydownscript在用户按下按键时触发。onkeypressscript在用户敲击按钮时触发。onkeyupscript当用户释放按键时触发。4、Mouse 事件

由鼠标或类似用户动作触发的事件：

属性值描述onclickscript元素上发生鼠标点击时触发。ondblclickscript元素上发生鼠标双击时触发。ondragscript元素被拖动时运行的脚本。ondragendscript在拖动操作末端运行的脚本。ondragenterscript当元素元素已被拖动到有效拖放区域时运行的脚本。ondragleavescript当元素离开有效拖放目标时运行的脚本。ondragoverscript当元素在有效拖放目标上正在被拖动时运行的脚本。ondragstartscript在拖动操作开端运行的脚本。ondropscript当被拖元素正在被拖放时运行的脚本。onmousedownscript当元素上按下鼠标按钮时触发。onmousemovescript当鼠标指针移动到元素上时触发。onmouseoutscript当鼠标指针移出元素时触发。onmouseoverscript当鼠标指针移动到元素上时触发。onmouseupscript当在元素上释放鼠标按钮时触发。onmousewheelscript当鼠标滚轮正在被滚动时运行的脚本。onscrollscript当元素滚动条被滚动时运行的脚本。5、Media 事件

由媒介（比如视频、图像和音频）触发的事件（适用于所有 HTML 元素，但常见于媒介元素中，比如