onseeked-händelsen
Definition och användning
en onseeked-händelse inträffar när användaren slutför en flyttning/flyttning till en ny position i ljud/videon.
Tips:onseeked-händelsen och onseeking-händelseomvänd
Tips:Använd ljud-/videoobjektet currentTime-attributHämta nuvarande spelposition.
Exempel
Kör JavaScript när användaren har slutfört en flytt eller hopp till en ny position i videon:
<video onseeked="myFunction()">
Mer TIY-exempel finns längre ner på sidan.
Syntax
I HTML:
<element onseeked="myScript">
I JavaScript:
object.onseeked = function(){myScript};
Använd addEventListener() metod i JavaScript:
object.addEventListener("seeked", myScript);
Kommentar:Internet Explorer 8 och tidigare versioner stöder inte addEventListener() metod.
Tekniska detaljer
Bubbling: | Ej stödd |
---|---|
Avbrytbar: | Ej stödd |
Händelse typ: | Event |
Stödda HTML-taggar: | <audio> och <video> |
DOM-version: | Level 3 Events |
Webbläsarstöd
Numreringen i tabellen anger den första webbläsaren som helt stöder händelsen.
Event | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onseeked | Stödjer | 9.0 | Stödjer | Stödjer | Stödjer |
Mer exempel
Exempel
Detta exempel visar skillnaden mellan onseeking- och onseeked-händelserna:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Exempel
När användaren har slutfört en flytt eller hopp till en ny position, visa den aktuella spelpositionen med Video-objektets currentTime-attribut:
// Hämta <video>-elementet med id="myVideo" var x = document.getElementById("myVideo"); // Använd en seeked-händelse på <video> och kör en funktion när en seek-operation är klar x.addEventListener("seeked", myFunction); function myFunction() { // I en <p>-element med id="demo" visas videoens nuvarande position document.getElementById("demo").innerHTML = x.currentTime; }
Exempel
Kör JavaScript när användaren har slutfört flyttning/hopp till en ny position i ljudet:
<audio onseeked="myFunction()">