onseeked 事件是 HTML DOM 中用于处理媒体元素(例如 <audio> 和 <video>)的事件之一。当媒体元素的播放位置被用户改变并且新的位置已经确定时,onseeked 事件会被触发。

以下是一个简单的示例,演示如何使用 onseeked 事件:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

<audio controls id="myAudio">
  <source src="example.mp3" type="audio/mp3">
  Your browser does not support the audio tag.
</audio>

<script>
  // 获取音频元素
  var myAudio = document.getElementById("myAudio");

  // 添加 onseeked 事件监听器
  myAudio.onseeked = function() {
    console.log("用户已调整播放位置,新的位置:" + myAudio.currentTime);
  };
</script>

</body>
</html>

在这个例子中,我们创建了一个包含音频文件的 <audio> 元素,并添加了控制条(controls 属性)。当用户拖动播放位置条改变播放位置时,onseeked 事件监听器会在新的位置已确定时触发,控制台将打印新的播放位置。

要点总结:
  •  onseeked 事件会在媒体元素的播放位置被用户改变并且新的位置已确定时触发。

  •  可以通过直接赋值或使用 addEventListener 方法来为媒体元素添加 onseeked 事件的监听器。

  •  事件对象不常用,因为媒体元素上的 currentTime 属性可以直接获取当前播放位置。





转载请注明出处:http://www.zyzy.cn/article/detail/6248/JavaScript 和 HTML DOM