onoffline 事件
事件对象
实例
在浏览器离在线工作时执行 JavaScript :
<body onoffline=”myFunction()”>
定义和用法
onoffline 事件在浏览器离线工作时触发。
提示： onoffline 事件的相反事件是
ononline 。
提示： 你同样可以使用 navigator.onLine 属性来擦可能浏览器是否是在……继续阅读 »
2年前 (2022-09-04) 16浏览 0评论
0个赞
onwheel 事件
事件对象
实例
当用户在 <div> 元素上滚动鼠标滚轮时执行 JavaScript:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
document.getElementById(&qu……继续阅读 »
2年前 (2022-09-04) 64浏览 0评论
0个赞
ononline 事件
事件对象
实例
在浏览器开始在线工作时执行 JavaScript :
<body ononline=”myFunction()”>
定义和用法
ononline 事件在浏览器开始在线工作时触发。
提示： ononline 的相反的事件为
onoffline
事件。
提示： 你同样可以使用 navigator.onLine 属性来擦可能浏览器是否是……继续阅读 »
2年前 (2022-09-04) 75浏览 0评论
0个赞
transitionend 事件
事件对象
实例
在 CSS 完成过渡后修改 <div> 元素样式及文字：
// Safari 3.1 到 6.0 代码
document.getElementById(“myDIV”).addEventListener(“webkitTransitionEnd”,
myFunction);
// 标准语法
do……继续阅读 »
2年前 (2022-09-04) 84浏览 0评论
0个赞
animationiteration 事件
事件对象
实例
在 CSS 动画重新播放时为 <div> 元素添加监听事件:
var x = document.getElementById(“myDIV”);
// Chrome, Safari
和 Opera 代码
x.addEventListener(“webkitAnimationIteration̶……继续阅读 »
2年前 (2022-09-04) 83浏览 0评论
0个赞
animationstart 事件
事件对象
实例
在 CSS 动画开始播放时为 <div> 元素添加监听事件:
var x = document.getElementById("myDIV");
// Chrome, Safari 和 Opera 代码
x.addEventListener("webkitAnimationStart", myStartFun……继续阅读 »
2年前 (2022-09-04) 23浏览 0评论
0个赞
animationend 事件
事件对象
实例
在 CSS 动画结束后为 <div> 元素添加监听事件:
var x = document.getElementById(“myDIV”);
// Chrome, Safari
和 Opera 代码
x.addEventListener(“webkitAnimationEnd”, myStartFu……继续阅读 »
2年前 (2022-09-04) 15浏览 0评论
0个赞
onvolumechange 事件
事件对象
实例
当视频的音量改变时执行 JavaScript:
<video onvolumechange=”myFunction()”>
本文底部包含更多实例。
定义和用法
onvolumechange 事件在视频/音频（audio/video）的音量发生改变时触发。
该事件可以通过以下方式调用：
增大或降低音量
媒体播放器静音或……继续阅读 »
2年前 (2022-09-04) 12浏览 0评论
0个赞
onwaiting 事件
事件对象
实例
在视频由于要播放下一帧而需要缓冲时执行 JavaScript :
<video onwaiting=”myFunction()”>
定义和用法
onwaiting 事件在视频由于要播放下一帧而需要缓冲时触发。
该事件可用于 <audio> 元素，但通常应用在视频（<video> 元素）播放中。
浏览器支持……继续阅读 »
2年前 (2022-09-04) 64浏览 0评论
0个赞
ontimeupdate 事件
事件对象
实例
在当前播放位置改变时执行 JavaScript:
<video ontimeupdate=”myFunction()”>
本文底部包含了更多实例。
定义和用法
ontimeupdate 事件在视频/音频（audio/video）当前的播放位置发送改变时触发。
该事件通过以下方式调用：
播放视频/音频（audio/vide……继续阅读 »
2年前 (2022-09-04) 91浏览 0评论
0个赞
onsuspend 事件
事件对象
实例
在浏览器读取媒体数据中止时执行 JavaScript :
<video onsuspend=”myFunction()”>
定义和用法
onsuspend 事件在浏览器读取媒体数据中止时触发。
提示： 影响媒体加载的事件有：
onabort
onemptied
onerror
onstalled
浏览器支持
表格中的数字表示……继续阅读 »
2年前 (2022-09-04) 25浏览 0评论
0个赞
onseeking 事件
事件对象
实例
在用户开始重新定位视频的播放位置时执行 JavaScript :
<video onseeking=”myFunction()”>
本文底部包含了更多实例。
定义和用法
onseeking 事件在用户开始重新定位视频/音频（audio/video）时触发。
提示：与 onseeking 事件相反的是
onseeked 事件。
提……继续阅读 »
2年前 (2022-09-04) 10浏览 0评论
0个赞
onstalled 事件
事件对象
实例
在浏览器尝试获取媒体数据且数据不可用时执行 JavaScript:
<video onstalled=”myFunction()”>
定义和用法
onstalled 事件在浏览器获取媒体数据，但媒体数据不可用时触发。
提示： 影响媒体加载的事件有：
onabort
onemptied
onerror
onsuspend
浏览……继续阅读 »
2年前 (2022-09-04) 65浏览 0评论
0个赞
onratechange 事件
事件对象
实例
当视频的播放速度发生改变时执行 JavaScript:
<video onratechange=”myFunction()”>
定义和用法
onratechange 事件在视频/音频（audio/video）的播放速度发生改变时触发。
该事件通过 Audio/Video 对象的
playbackRate属性调用, 该属性用于……继续阅读 »
2年前 (2022-09-04) 40浏览 0评论
0个赞
onseeked 事件
事件对象
实例
在用户重新定位视频的播放位置后执行 JavaScript :
<video onseeked=”myFunction()”>
本文底部包含了更多实例。
定义和用法
onseeked 事件在用户重新定位视频/音频（audio/video）的播放位置后触发。
提示： 与 onseeked 事件相反的是
onseeking
事件。
提……继续阅读 »
2年前 (2022-09-04) 52浏览 0评论
0个赞
onprogress 事件
事件对象
实例
视频正在下载时执行 JavaScript :
<video onprogress=”myFunction()”>
本文底部包含了更多实例。
定义和用法
onprogress 事件在浏览器下载指定的视频/音频（audio/video）时触发。
在下载视频/音频（audio/video）过程中，事件触发的顺序如下：
onloa……继续阅读 »
2年前 (2022-09-04) 39浏览 0评论
0个赞
onplay 事件
事件对象
实例
在视频开始播放时执行 JavaScript :
<video onplay=”myFunction()”>
本文底部包含了更多实例。
定义和用法
onplay 事件在视频/音频（audio/video）开始播放时触发。
提示： onpause 事件在视频/音频（audio/video）暂停时触发。
浏览器支持
表格中的数字表示支……继续阅读 »
2年前 (2022-09-04) 53浏览 0评论
0个赞
onplaying 事件
事件对象
实例
在视频暂停后准备开始播放时执行 JavaScript:
<video onplaying=”myFunction()”>
本文底部包含了更多实例。
定义和用法
onplaying 事件在视频/音频（audio/video）暂停或者在缓冲后准备重新开始播放时触发。
浏览器支持
表格中的数字表示支持该事件的第一个浏览器的版本号。
……继续阅读 »
2年前 (2022-09-04) 10浏览 0评论
0个赞
onpause 事件
事件对象
实例
在视频暂停时执行 JavaScript :
<video onpause=”myFunction()”>
本文底部包含了更多实例。
定义和用法
onpause 事件在视频/音频（audio/video）暂停时触发。
提示： onplay 事件在视频/音频（audio/video）开始播放时触发。
浏览器支持
表格中的数字表示支……继续阅读 »
2年前 (2022-09-04) 47浏览 0评论
0个赞
onloadedmetadata 事件
事件对象
实例
在视频的元数据加载后执行 JavaScript :
<video onloadedmetadata=”myFunction()”>
本文底部包含了更多实例。
定义和用法
onloadedmetadata 事件在指定视频/音频（audio/video）的元数据加载后触发。
视频/音频（audio/video）的元数据……继续阅读 »
2年前 (2022-09-04) 51浏览 0评论
0个赞
onloadstart 事件
事件对象
实例
在视频开始加载时执行 JavaScript:
<video onloadstart=”myFunction()”>
本文底部包含了更多实例。
定义和用法
onloadstart 事件在浏览器开始寻找指定视频/音频（audio/video）触发。
视频/音频（audio/video）在加载过程中，触发的顺序如下：
onlo……继续阅读 »
2年前 (2022-09-04) 19浏览 0评论
0个赞
onloadeddata 事件
事件对象
实例
在当前帧的数据可用时执行 JavaScript (
<video>):
<video onloadeddata=”myFunction()”>
本文底部包含了更多实例。
定义和用法
onloadeddata 事件在当前帧的数据加载完成且还没有足够的数据播放视频/音频（audio/video）的下一帧时触发。
在……继续阅读 »
2年前 (2022-09-04) 22浏览 0评论
0个赞
onerror 事件
事件对象
实例
当视频的媒体数据加载期间发生错误时执行 JavaScript :
<video onerror=”myFunction()”>
定义和用法
onerror 事件在视频/音频（audio/video）数据加载期间发生错误时触发。
提示： 影响媒体数据加载的相关事件有：
onabort
onemptied
onstalled
onsus……继续阅读 »
2年前 (2022-09-04) 38浏览 0评论
0个赞
ondurationchange 事件
事件对象
实例
当视频的时长发生变化时执行 JavaScript:
<video ondurationchange=”myFunction()”>
本文底部包含了更多实例。
定义和用法
ondurationchange 事件在视频/音频（audio/video）的时长发生变化时触发。
注意： 当视频/音频（audio/video）……继续阅读 »
2年前 (2022-09-04) 39浏览 0评论
0个赞
onended 事件
事件对象
实例
当音频播放结束后执行 JavaScript:
<audio onended=”myFunction()”>
本文底部包含了更多实例。
定义和用法
onended 事件在视频/音频（audio/video）播放结束时触发。
该事件通常用于送类似”感谢观看”之类的消息。
浏览器支持
表格中的数字表示支持该事件的……继续阅读 »
2年前 (2022-09-04) 32浏览 0评论
0个赞
oncanplaythrough 事件
事件对象
实例
当视频可以正常播放且无需停顿时执行 JavaScript：
<video oncanplaythrough=”myFunction()”>
本文底部包含了更多实例。
定义和用法
oncanplaythrough 事件在视频/音频（audio/video）可以正常播放且无需停顿和缓冲时触发。
在视频/音频（audio……继续阅读 »
2年前 (2022-09-04) 74浏览 0评论
0个赞
onabort 事件
事件对象
实例
在视频（video）终止加载时执行 JavaScript:
<video onabort=”myFunction()”>
定义和用法
onabort 事件在视频/音频（audio/video）终止加载时触发。
该事件在多媒体数据终止加载时触发，而不是发生错误时触发。
提示： 影响多媒体加载的事件有:
onemptied
onerr……继续阅读 »
2年前 (2022-09-04) 18浏览 0评论
0个赞
oncanplay 事件
事件对象
实例
在视频(video)准备开始播放时执行 JavaScript：
<video oncanplay=”myFunction()”>
在本文底部可以查看更多实例。
定义和用法
oncanplay 事件在用户可以开始播放视频/音频（audio/video）时触发。
在视频/音频（audio/video）加载过程中，事件的触发顺序如下：……继续阅读 »
2年前 (2022-09-04) 98浏览 0评论
0个赞
ondrop 事件
事件对象
实例
在可拖动元素放置在 <div> 元素中时执行 JavaScript:
<div ondrop=”myFunction(event)”></div>
本文底部包含了更多实例。
定义和用法
ondrop 事件在可拖动元素或选取的文本放置在目标区域时触发。
拖放是 HTML5 中非常常见的功能。 更多信息可以查看我们……继续阅读 »
2年前 (2022-09-04) 888浏览 0评论
0个赞
ondragover 事件
事件对象
实例
在元素正在拖动到放置目标时触发：
<div ondragover=”myFunction(event)”></div>
本文底部包含了更多实例。
定义和用法
ondragover 事件在可拖动元素或选取的文本正在拖动到放置目标时触发。
默认情况下，数据/元素不能放置到其他元素中。 如果要实现改功能，我们需要防止元素……继续阅读 »
2年前 (2022-09-04) 32浏览 0评论
0个赞
