JavaScript HTML DOM onseeked 事件

• 

  onseeked 事件

  当用户完成移动/跳到音频/视频中的新位置时，发生onseeked事件

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

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

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

  <video onseeked="myFunction()">

  尝试一下
• 

  浏览器支持

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

• 

  语法

  在HTML中：

  <element onseeked="myScript">

  在JavaScript中：

  object.onseeked = function(){myScript};

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

  object.addEventListener("seeked", myScript);

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

  技术细节

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

• 

  更多例子

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

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

  尝试一下

  当用户完成移动/跳到新位置时，使用视频对象的currentTime属性显示当前播放时间位置：

  //获取id =“myVideo”的<video>元素
  var x = document.getElementById("myVideo");
  
  // 将搜索到的事件附加到<video>，并在搜索操作完成时执行功能
  x.addEventListener("seeked", myFunction); 
  
  function myFunction() {
    // 在id为“demo”的<p>元素中显示视频的当前位置
    document.getElementById("demo").innerHTML = x.currentTime; 
  }

  尝试一下

  当用户完成移动/跳到音频中的新位置时执行JavaScript：

  <audio onseeked="myFunction()">

  尝试一下
• 

  相关页面

  JavaScript参考 ： HTML onseeked 属性