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() 方法。

技術細節

冒泡： 不支持
可取消： 不支持
事件類型： 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 屬性顯示當前的 playtime 位置：

// 獲取 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 對象