Peristiwa onseeked
Definisi dan penggunaan
Peristiwa onseeked terjadi ketika pengguna menyelesaikan pindah/menggerakkan ke posisi baru audio/video.
Petunjuk:peristiwa onseeked dengan Peristiwa onseekingSebaliknya.
Petunjuk:Silakan gunakan objek audio/video Properti currentTimeAmbil posisi pemutaran saat ini.
Contoh
Jalankan JavaScript saat pengguna menyelesaikan pergerakan/menggeser ke posisi baru di video:
<video onseeked="myFunction()">
Ada banyak contoh TIY lainnya di bawah halaman.
Syarat
Pada HTML:
<elemen onseeked="myScript">
Pada JavaScript:
objek.onseeked = function(){myScript};
Pada JavaScript, gunakan metode addEventListener():
objek.addEventListener("seeked", myScript);
Keterangan:Internet Explorer 8 atau versi yang lebih awal tidak mendukung metode addEventListener().
Detil teknis
Bubbling: | Tidak didukung |
---|---|
Dapat dibatalkan: | Tidak didukung |
Tipe peristiwa: | Event |
Tag HTML yang didukung: | <audio> dan <video> |
Versi DOM: | Level 3 Events |
Dukungan browser
Angka di tabel menunjukkan versi browser pertama yang mendukung peristiwa ini.
peristiwa | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onseeked | Dukungan | 9.0 | Dukungan | Dukungan | Dukungan |
Beberapa contoh lain
Contoh
Contoh ini menunjukkan perbedaan antara peristiwa onseeking dan onseeked:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Contoh
Ketika pengguna menyelesaikan pergerakan/menggeser ke posisi baru, tampilkan posisi waktu pemutaran saat ini dengan properti currentTime objek Video:
// Mendapatkan elemen <video> dengan id="myVideo" var x = document.getElementById("myVideo"); // Menambahkan peristiwa seeked ke <video> dan menjalankan fungsi saat operasi seek selesai x.addEventListener("seeked", myFunction); function myFunction() { // Menampilkan posisi waktu video saat ini di elemen <p> dengan id="demo" document.getElementById("demo").innerHTML = x.currentTime; }
Contoh
Eksekusi JavaScript saat pengguna menyelesaikan gerakan/menggerakkan ke posisi baru di audio:
<audio onseeked="myFunction()">