เหตุการณ์ onseeked
การระบุและวิธีใช้
เหตุการณ์ onseeked จะเกิดขึ้นเมื่อผู้ใช้เสร็จการเคลื่อนไหว/กระโดดไปยังตำแหน่งใหม่ของวิดีโอ/แฟ้มเสียง
คำเตือน:เหตุการณ์ onseeked ติดต่อ เหตุการณ์ onseekingข้างตรงนี้
คำเตือน:ใช้งานวิดีโอ/แฟ้มเสียงเป็นวิธี ตัวแปร currentTimeรับตำแหน่งเวลาการเล่นปัจจุบัน
ตัวอย่าง
ทำงาน JavaScript ขณะผู้ใช้เสร็จการเคลื่อนไหว/กระโดดไปยังตำแหน่งใหม่ในวีดีโอ:
<video onseeked="myFunction()">
มีตัวอย่าง TIY มากมายด้านล่างของหน้า
รูปแบบ
ใน HTML:
<element onseeked="myScript">
ใน JavaScript:
object.onseeked = function(){myScript};
ใน JavaScript ใช้ method addEventListener():
object.addEventListener("seeked", myScript);
หมายเหตุ:Internet Explorer 8 หรือตัวเวอร์ชั่นต่ำกว่าไม่สนับสนุน addEventListener() method.
รายละเอียดเทคนิค
หลุดแบบฝัง: | ไม่สนับสนุน |
---|---|
เป็นสามารถยกเลิกได้: | ไม่สนับสนุน |
ประเภท event: | Event |
HTML แท็กที่สนับสนุน: | <audio> และ <video> |
DOM รุ่น: | Level 3 Events |
สนับสนุนโดยโปรแกรมบราวเซอร์
ตัวเลขในตารางระบุอุปกรณ์ที่สนับสนุน event นี้อย่างเต็มที่ในสัปดาห์แรก
event | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onseeked | สนับสนุน | 9.0 | สนับสนุน | สนับสนุน | สนับสนุน |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ตัวอย่างนี้แสดงถึงความแตกต่างระหว่าง event onseeking และ onseeked:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
ตัวอย่าง
เมื่อผู้ใช้เสร็จการเคลื่อนไหว/กระโดดไปยังตำแหน่งใหม่ แสดงตำแหน่งเวลาการเล่นปัจจุบันด้วยคุณสมบัติ currentTime ของ Object Video:
// รับ element <video> ที่ id="myVideo" var x = document.getElementById("myVideo"); // ใน element <video> แนบ event seeked ซึ่งจะทำงานฟังก์ชันเมื่อปฏิบัติการ seek จบ x.addEventListener("seeked", myFunction); function myFunction() { // ใน element <p> ที่ id="demo" แสดงตำแหน่งเวลาของวีดีโอ document.getElementById("demo").innerHTML = x.currentTime; }
ตัวอย่าง
ปฏิบัติการ JavaScript ขณะที่ผู้ใช้สำเร็จการย้ายหรือกระโดดไปยังตำแหน่งใหม่ของเสียง
<audio onseeked="myFunction()">