- HTML 教程
- HTML 教程
- HTML - 简介
- HTML - 编辑器
- HTML - 基本标签
- HTML - 元素
- HTML - 属性
- HTML - 标题
- HTML - 段落
- HTML - 字体
- HTML - 块和内联元素
- HTML - 样式表
- HTML - 文本格式化
- HTML - 引用
- HTML - 注释
- HTML - 颜色
- HTML - 图像
- HTML - 图像映射
- HTML - iframe
- 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 和 RGBA 颜色
- HTML - 十六进制颜色
- HTML - HSL 和 HSLA 颜色
- HTML 表单
- HTML - 表单
- HTML - 表单属性
- HTML - 表单控件
- HTML - 输入属性
- HTML 媒体
- HTML - 视频元素
- HTML - 音频元素
- HTML - 嵌入多媒体
- HTML 标头
- HTML - 头部
- HTML - 网站图标
- HTML - JavaScript
- HTML 布局
- HTML - 布局
- HTML - 布局元素
- HTML - CSS布局
- HTML - 响应式网页设计
- HTML - 特殊符号
- HTML - 表情符号
- HTML - 样式指南
- HTML 图形
- HTML - SVG
- HTML - 画布
- HTML API 接口
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSockets
- HTML - Web 存储
- HTML - 服务器发送事件
- HTML 杂项
- HTML - 数学标记语言
- HTML - 微观数据
- HTML - 索引数据库
- HTML - Web 消息传递
- HTML - CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音频播放器
- HTML - 视频播放器
- HTML - Web 幻灯片台
- HTML 工具
- HTML - 二维码
- HTML - Modernizr
- HTML - 验证器
- HTML 备忘单
- HTML - 标签参考
- HTML - 属性参考
- HTML - 事件参考
- HTML - 字体参考
- HTML - ASCII 代码参考
- HTML - 实体
- MIME 媒体类型
- HTML - URL 编码
- HTML - ISO 语言代码
- HTML - 字符编码
- HTML - 已弃用的标签和属性
HTML - 事件参考
当用户访问您的网站时,他们会做一些事情,例如单击各种链接,将鼠标悬停在文本和图像上等。这些是我们在 JavaScript 和 VBScript 术语中称为事件的示例。
我们可以使用 JavaScript 或 VBScript 编写事件处理程序,并可以指定要对这些事件执行的一些操作。虽然这些是事件,但它们将被指定为 HTML 标记的属性。
HTML 4.01 规范定义了 19 个事件,但后来的 HTML-5 添加了许多其他事件,我们在这里列出了这些事件:
窗口事件属性
以下是下面列出的窗口事件属性:
事件 | 描述 |
---|---|
onafterprint |
打印文档后的触发器 |
onbeforeprint |
在打印文档之前触发 |
onbeforeunload |
在文档加载之前触发 |
onerror |
发生错误时触发 |
onhashchange |
在文档发生更改时触发 |
onload |
文档加载时触发 |
onoffline |
文档脱机时触发 |
ononline |
文档联机时触发 |
onpagehide |
隐藏窗口时触发 |
onpageshow |
当窗口变为可见时触发 |
onresize |
调整窗口大小时触发 |
onunload |
用户离开文档时触发 |
表单事件
以下是下面列出的表单事件属性:
事件 | 描述 |
---|---|
onblur |
当窗口失去焦点时触发 |
onchange |
元素更改时触发 |
oncontextmenu |
触发上下文菜单时触发 |
onfocus |
当窗口获得焦点时触发 |
oninput |
当元素获取用户输入时触发 |
oninvalid |
元素无效时触发 |
onreset |
重置窗体时触发 |
onsearch |
HTML onsearch 事件允许在用户在可搜索的输入字段中执行搜索操作时运行特定的 JavaScript 代码。 |
onselect |
选择元素时触发 |
onsubmit |
提交表单时触发 |
键盘事件
以下是下面列出的 HTML 键盘事件:
事件 | 描述 |
---|---|
onkeydown |
按下某个键时触发 |
onkeyup |
释放密钥时触发 |
鼠标事件
以下是下面列出的鼠标事件属性:
事件 | 描述 |
---|---|
onclick |
鼠标单击时触发器 |
ondblclick |
鼠标双击触发器 |
onmousedown |
按下鼠标按钮时触发 |
onmousemove |
鼠标指针移动时触发 |
onmouseout |
当鼠标指针移出元素时触发 |
onmouseover |
当鼠标指针在元素上移动时触发 |
onmouseup |
释放鼠标按钮时触发 |
onwheel |
当鼠标滚轮位于元素上时,将发生 HTML 滚轮事件。 |
拖动事件
以下是下面列出的 HTML 拖动事件:
事件 | 描述 |
---|---|
ondrag |
拖动元素时触发 |
ondragend |
拖动操作结束时的触发器 |
ondragenter |
当元素被拖动到有效的放置目标时触发 |
ondragleave |
当元素离开有效的放置目标时触发 |
ondragover |
当元素被拖动到有效的放置目标上时触发 |
ondragstart |
拖动操作开始时的触发器 |
ondrop |
拖放拖动元素时触发 |
onscroll |
滚动元素的滚动条时触发 |
剪贴板事件
让我们看看下面列出的以下剪贴板事件:
事件 | 描述 |
---|---|
oncopy |
用户复制元素时触发 |
oncut |
当用户删除(剪切)元素时触发 |
onpaste |
在将元素粘贴到输入字段时触发。 |
媒体活动
以下是下面列出的媒体事件属性:
事件 | 描述 |
---|---|
ondurationchange |
更改介质长度时触发 |
onended |
在媒体到达末尾时触发 |
onerror |
发生错误时触发 |
onloadeddata |
加载媒体数据时触发 |
onloadedmetadata |
加载媒体元素的持续时间和其他媒体数据时触发 |
onloadstart |
浏览器开始加载媒体数据时触发 |
onpause |
暂停媒体数据时触发 |
onplay |
在媒体数据开始播放时触发 |
onplaying |
媒体数据开始播放时触发 |
onprogress |
浏览器获取媒体数据时触发 |
onratechange |
媒体数据播放速率发生变化时触发 |
onseeked |
当媒体元素的搜索属性不再为 true,并且搜索已结束时触发 |
onseeking |
当媒体元素的搜索属性为 true 且搜索已开始时触发 |
onstalled |
在提取媒体数据时出错时触发 |
onsuspend |
当浏览器一直在获取媒体数据,但在获取整个媒体文件之前停止时触发 |
ontimeupdate |
当媒体改变其播放位置时触发 |
onvolumechange |
当媒体更改音量时触发,以及当音量设置为“静音”时触发 |
onwaiting |
在媒体停止播放但预计会恢复时触发 |
其他活动
在下面列出的杂项事件之后:
事件 | 描述 |
---|---|
ontoggle |
通常,切换意味着它在所选元素的 hide() 和 show() 之间切换。 |