onseeking 이벤트

DOM 이벤트 Event 객체

정의와 사용법

사용자가 오디오/비디오에 새 위치로 이동하거나 점프할 때 onseeking 이벤트가 발생합니다.

안내:onseeking 이벤트와 onseeked 이벤트반대로.

안내:오디오/비디오 객체를 사용하십시오. currentTime 속성获取当前播放位置。

예제

当用户开始移动/跳到视频中的新位置时执行 JavaScript：

<video onseeking="myFunction()">

직접 시도해보세요

页面下方有更多 TIY 实例。

语法

HTML에서：

<element onseeking="myScript">

직접 시도해보세요

JavaScript에서：

object.onseeking = function(){myScript};

직접 시도해보세요

JavaScript에서 addEventListener() 메서드를 사용하여：

object.addEventListener("seeking", myScript);

직접 시도해보세요

注释：Internet Explorer 8 또는 이전 버전은 addEventListener() 메서드를 지원하지 않습니다 addEventListener() 方法。

技术细节

冒泡： 不支持
可取消： 不支持
事件类型： Event
支持的 HTML 标签： <audio> and <video>
DOM 版本： Level 3 Events

浏览器支持

表中的数字注明了完全支持该事件的首个浏览器版本。

事件 Chrome IE Firefox Safari Opera
onseeking 支持 9.0 支持 支持 支持

更多实例

예제

이 예제는 onseeking 이벤트와 onseeked 이벤트 간의 차이를 보여줍니다：

<video onseeking="myFunction()" onseeked="mySecondFunction()">

직접 시도해보세요

예제

사용자가 새 위치로 이동하기 시작할 때, Video 객체의 currentTime 속성을 사용하여 현재 재생 위치를 표시합니다：

// id="myVideo"의 <video> 요소를 가져옵니다
var x = document.getElementById("myVideo");
// <video>에 seeking 이벤트를 추가하고 seek 작업이 시작될 때 함수를 실행합니다
x.addEventListener("seeking", myFunction); 
function myFunction() {
  // 在 id="demo" 的 <p> 元소에 비디오의 현재 위치를 표시합니다
  document.getElementById("demo").innerHTML = x.currentTime; 
}

직접 시도해보세요

예제

사용자가 오디오에서 새 위치로 이동/이동할 때 JavaScript를 실행합니다:

<audio onseeking="myFunction()">

직접 시도해보세요

DOM 이벤트 Event 객체