最新的Web开发教程
 

onseeking事件

<事件对象

执行一个JavaScript,当用户开始移动/跳跃到视频中的一个新的位置:

<video onseeking="myFunction()">
试一试»

更多"Try it Yourself"下面的例子。


定义和用法

当用户开始移动/跳过在音频/视频的新位置发生onseeking事件。

提示:onseeking事件是相反onseeked事件。

提示:使用currentTime的音频/视频对象的属性来获取当前播放位置。


浏览器支持

在表中的数字规定,完全支持该事件的第一个浏览器版本。

事件
onseeking 9

句法

在HTML:

在JavaScript:

object .onseeking=function(){ 试一试»

在JavaScript中,使用addEventListener()方法:

object .addEventListener("seeking", myScript );
试一试»

注意: addEventListener()在Internet Explorer 8和更早版本不支持的方法。


技术细节

泡沫: 没有
取消: 没有
事件类型: 事件
支持的HTML标签: <音频>和<video>
DOM版本: 3级事件

例子

更多示例

这一实例说明onseeking事件和onseeked事件之间的区别:

<video onseeking="myFunction()" onseeked="mySecondFunction()">
试一试»

使用视频对象的currentTime属性当用户开始跳到新的位置显示当前播放时间的位置:

// Get the <video> element with id="myVideo"
var x = document.getElementById("myVideo");

// Attach a seeking event to the <video>, and execute a function if a seek operation begins
x.addEventListener("seeking", myFunction);

function myFunction() {
    // Display the current position of the video in a <p> element with id="demo"
    document.getElementById("demo").innerHTML = x.currentTime;
}
试一试»

执行一个JavaScript,当用户开始移动/跳过在音频中的新位置:

<audio onseeking="myFunction()">
试一试»

<事件对象