JavaScript HTML DOM onseeking 事件

• 

  onseeking 事件

  当用户开始移动/跳到音频/视频中的新位置时，发生onseeking事件。

  提示：onseeking事件与onseeked事件相反 。

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

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

  <video onseeking="myFunction()">

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  事件
  onseeking	9.0+	支持	支持	支持	支持

• 

  语法

  在HTML中：

  <element onseeking="myScript">

  在JavaScript中：

  object.onseeking = function(){myScript};

  在JavaScript中，使用addEventListener()方法：

  object.addEventListener("seeking", myScript);

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

  技术细节

  项目	描述
  冒泡：	没有
  取消：	没有
  事件类型：	Event
  支持的HTML标记：	<audio>和<video>
  DOM版本	DOM Event Level 3

• 

  更多例子

  此示例演示了onseeking事件和onseeking事件之间的区别：

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

  尝试一下

  当用户开始跳到新位置时，使用Video Object的currentTime属性显示当前播放时间位置：

  // 获取 id="myVideo" 的元素
  var x = document.getElementById("myVideo");
  
  // 附加 seeking 事件到元素
  x.addEventListener("seeking", myFunction); 
  
  function myFunction() {
    // seeking 事件 执行函数
    document.getElementById("demo").innerHTML = x.currentTime; 
  }

  尝试一下
• 

  相关页面

  JavaScript参考 ： HTML onseeking 属性