- HTML 教程
- HTML - 首页
- HTML - 路线图
- HTML - 简介
- HTML - 历史与演变
- HTML - 编辑器
- HTML - 基本标签
- HTML - 元素
- HTML - 属性
- HTML - 标题
- HTML - 段落
- HTML - 字体
- HTML - 块
- HTML - 样式表
- HTML - 格式化
- HTML - 引用
- HTML - 注释
- HTML - 颜色
- HTML - 图片
- HTML - 图片地图
- HTML - 内联框架 (Iframe)
- HTML - 短语元素
- HTML - 元标签
- HTML - 类
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表头与标题
- HTML - 表格样式
- HTML - 表格列组 (Colgroup)
- HTML - 嵌套表格
- HTML 列表
- HTML - 列表
- HTML - 无序列表
- HTML - 有序列表
- HTML - 定义列表
- HTML 链接
- HTML - 文本链接
- HTML - 图片链接
- HTML - 邮箱链接
- HTML 颜色名称与值
- HTML - 颜色名称
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表单
- HTML - 表单
- HTML - 表单属性
- HTML - 表单控件
- HTML - 输入属性
- HTML 多媒体
- HTML - 视频元素
- HTML - 音频元素
- HTML - 嵌入多媒体
- HTML 头部
- HTML - Head 元素
- HTML - 添加 Favicon
- HTML - JavaScript
- HTML 布局
- HTML - 布局
- HTML - 布局元素
- HTML - 使用 CSS 进行布局
- HTML - 响应式设计
- HTML - 符号
- HTML - 表情符号
- HTML - 样式指南
- HTML 图形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 存储
- HTML - 服务器发送事件
- HTML 其他
- HTML - 文档对象模型 (DOM)
- HTML - MathML
- HTML - 微数据
- HTML - IndexedDB
- HTML - Web 消息传递
- HTML - Web CORS
- HTML - WebRTC
- HTML 演示
- HTML - 音频播放器
- HTML - 视频播放器
- HTML - 网页幻灯片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二维码
- HTML - Modernizer
- HTML - 验证
- HTML - 颜色拾取器
- HTML 参考
- HTML - 速查表
- HTML - 标签参考
- HTML - 属性参考
- HTML - 事件参考
- HTML - 字体参考
- HTML - ASCII 码
- ASCII 码表查询
- HTML - 颜色名称
- HTML - 实体
- MIME 媒体类型
- HTML - URL 编码
- 语言 ISO 代码
- HTML - 字符编码
- HTML - 已弃用的标签
- HTML 资源
- HTML - 快速指南
- HTML - 有用资源
- HTML - 颜色代码生成器
- HTML - 在线编辑器
HTML - 事件参考
当用户访问您的网站时,他们会执行诸如点击各种链接、将鼠标悬停在文本和图像上等操作。这些就是我们在 JavaScript 和 VBScript 术语中所说的事件的示例。
我们可以使用 JavaScript 或 VBScript 编写事件处理程序,并指定针对这些事件要采取的一些操作。虽然这些是事件,但它们将被指定为 HTML 标签的属性。
HTML 4.01 规范定义了 19 个事件,但后来的 HTML5 又添加了许多其他事件,我们在这里列出了这些事件:
窗口事件属性
以下是列出的窗口事件属性:
序号 | 事件及描述 |
---|---|
1 | onafterprint 文档打印后触发 |
2 | onbeforeprint 文档打印前触发 |
3 | onbeforeunload 文档加载前触发 |
4 | onerror 发生错误时触发 |
5 | onhashchange 文档更改时触发 |
6 | onload 文档加载时触发 |
7 | onoffline 文档离线时触发 |
8 | ononline 文档上线时触发 |
9 | onpagehide 窗口隐藏时触发 |
10 | onpageshow 窗口可见时触发 |
11 | onresize 窗口大小调整时触发 |
12 | onunload 用户离开文档时触发 |
表单事件
以下是列出的表单事件属性:
序号 | 事件及描述 |
---|---|
1 | onblur 窗口失去焦点时触发 |
2 | onchange 元素更改时触发 |
3 | oncontextmenu 触发上下文菜单时触发 |
4 | onfocus 窗口获得焦点时触发 |
5 | oninput 元素获得用户输入时触发 |
6 | oninvalid 元素无效时触发 |
7 | onreset 表单重置时触发 |
8 | onsearch HTML onsearch 事件允许在用户在可搜索输入字段中执行搜索操作时运行特定的 JavaScript 代码。 |
9 | onselect 元素被选中时触发 |
10 | onsubmit 表单提交时触发 |
键盘事件
以下是列出的 HTML 键盘事件:
序号 | 事件及描述 |
---|---|
1 | onkeydown 按下键时触发 |
2 | onkeyup 释放键时触发 |
鼠标事件
以下是列出的鼠标事件属性:
序号 | 事件及描述 |
---|---|
1 | onclick 鼠标单击时触发 |
2 | ondblclick 鼠标双击时触发 |
3 | onmousedown 按下鼠标按钮时触发 |
4 | onmousemove 鼠标指针移动时触发 |
5 | onmouseout 鼠标指针移出元素时触发 |
6 | onmouseover 鼠标指针移入元素时触发 |
7 | onmouseup 释放鼠标按钮时触发 |
8 | onwheel 鼠标滚轮位于元素上时,会发生 HTML onwheel 事件。 |
拖动事件
以下是列出的 HTML 拖动事件:
序号 | 事件及描述 |
---|---|
1 | ondrag 拖动元素时触发 |
2 | ondragend 拖动操作结束时触发 |
3 | ondragenter 元素被拖动到有效的放置目标时触发 |
4 | ondragleave 元素离开有效的放置目标时触发 |
5 | ondragover 元素正在拖动到有效的放置目标上时触发 |
6 | ondragstart 拖动操作开始时触发 |
7 | ondrop 拖动的元素被放下时触发 |
8 | onscroll 滚动元素的滚动条时触发 |
剪贴板事件
让我们看一下以下列出的剪贴板事件:
序号 | 事件及描述 |
---|---|
1 | oncopy 用户复制元素时触发 |
2 | oncut 用户移除(剪切)元素时触发 |
3 | onpaste 将元素粘贴到输入字段中时触发。 |
媒体事件
以下是列出的媒体事件属性:
序号 | 事件及描述 |
---|---|
1 | ondurationchange 媒体长度更改时触发 |
2 | onended 媒体播放结束时触发 |
3 | onerror 发生错误时触发 |
4 | onloadeddata 媒体数据加载时触发 |
5 | onloadedmetadata 媒体元素的持续时间和其他媒体数据加载时触发 |
6 | onloadstart 浏览器开始加载媒体数据时触发 |
7 | onpause 媒体数据暂停时触发 |
8 | onplay 媒体数据即将开始播放时触发 |
9 | onplaying 媒体数据开始播放时触发 |
10 | onprogress 浏览器正在获取媒体数据时触发 |
11 | onratechange 媒体数据的播放速率更改时触发 |
12 | onseeked 媒体元素的 seeking 属性不再为 true,并且搜索已结束时触发 |
13 | onseeking 媒体元素的 seeking 属性为 true,并且搜索已开始时触发 |
14 | onstalled 获取媒体数据出错时触发 |
15 | onsuspend 浏览器一直在获取媒体数据,但在获取整个媒体文件之前停止时触发 |
16 | ontimeupdate 媒体更改其播放位置时触发 |
17 | onvolumechange 媒体更改音量时触发,将音量设置为“静音”时也会触发 |
18 | onwaiting 媒体已停止播放,但预计会恢复播放时触发 |
其他事件
以下是列出的其他事件:
序号 | 事件及描述 |
---|---|
1 | ontoggle 通常,切换表示它在所选元素的 hide() 和 show() 之间切换。 |