onseeking 事件
页面下方有更多实例。
定义和用法
当用户开始移动/跳到音频/视频中的新位置时，发生 onseeking 事件。
提示：onseeking 事件与 onseeked 事件相反。
提示：请使用音频/视频对象的 currentTime 属性获取当前播放位置。
浏览器支持
表中的数字表示支持该事件的第一个浏览器版本。
| 事件 | |||||
|---|---|---|---|---|---|
| onseeking | Yes | 9.0 | Yes | Yes | Yes |
语法
注释: Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。
技术细节
| 是否支持冒泡: | No |
|---|---|
| 是否支持取消: | No |
| 事件类型: | Event |
| 支持的 HTML 标签: | <audio> and <video> |
| DOM 版本: | Level 3 Events |
更多实例
实例
这个例子演示了 onseeking 事件和 onseeked 事件之间的区别：
<video onseeking="myFunction()" onseeked="mySecondFunction()">
亲自试一试 »
实例
当用户开始跳到新位置时，使用 Video 对象的 currentTime 属性显示当前的 playtime 位置：
// 用 id="myVideo" 获取 <video> 元素
var x = document.getElementById("myVideo");
// 将一个 seek 事件附加到 <video>，如果 seek 操作开始，则执行一个函数
x.addEventListener("seeking", myFunction);
function myFunction() {
// 用 id="demo" 在 <p> 元素中显示视频的当前位置
document.getElementById("demo").innerHTML = x.currentTime;
}
亲自试一试 »
var x = document.getElementById("myVideo");
// 将一个 seek 事件附加到 <video>，如果 seek 操作开始，则执行一个函数
x.addEventListener("seeking", myFunction);
function myFunction() {
// 用 id="demo" 在 <p> 元素中显示视频的当前位置
document.getElementById("demo").innerHTML = x.currentTime;
}
