Zdarzenie onseeking

Definicja i użycie

Zdarzenie onseeking występuje, gdy użytkownik zaczyna przenosić/skakać do nowej pozycji w audio/video.

Wskazówka:zdarzenie onseeking Zdarzenie onseekedprzeciwnie.

Wskazówka:Proszę używać obiektu audio/video Atrybut currentTimePobierz bieżącą pozycję odtwarzania.

Przykład

Wykonaj JavaScript, gdy użytkownik zaczyna przechodzić do nowej pozycji wideo:

<video onseeking="myFunction()">

Spróbuj sam

Poniżej znajdują się więcej przykładów TIY.

Gramatyka

W HTML:

<element onseeking="myScript">

Spróbuj sam

W JavaScript:

obiekt.onseeking = function(){myScript};

Spróbuj sam

W JavaScript używając metody addEventListener():

obiekt.addEventListener("seeking", myScript);

Spróbuj sam

Komentarz:Internet Explorer 8 i wcześniejsze wersje nie obsługują Metoda addEventListener().

Szczegóły techniczne

Bąbelkowanie: Nieobsługiwane
Można anulować: Nieobsługiwane
Typ wydarzenia: Event
Wspierane etykiety HTML: <audio> i <video>
Wersja DOM: Level 3 Events

Obsługa przeglądarek

Numer w tabeli oznacza pierwszą wersję przeglądarki, która w pełni obsługuje to wydarzenie.

Wydarzenie Chrome IE Firefox Safari Opera
onseeking Wspierane 9.0 Wspierane Wspierane Wspierane

Więcej przykładów

Przykład

Ten przykład pokazuje różnicę między wydarzeniami onseeking i onseeked:

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

Spróbuj sam

Przykład

Kiedy użytkownik zaczyna przechodzić do nowej pozycji, wyświetl bieżącą pozycję odtwarzania za pomocą atrybutu currentTime obiektu Video:

// Pobierz element <video> o id="myVideo"
var x = document.getElementById("myVideo");
// Dodaj wydarzenie seeking do <video> i uruchom funkcję podczas operacji wyszukiwania
x.addEventListener("seeking", myFunction); 
function myFunction() {
  // W elementie <p> o id="demo" wyświetla pozycję bieżącego czasu wideo
  document.getElementById("demo").innerHTML = x.currentTime; 
}

Spróbuj sam

Przykład

Wykonaj JavaScript, gdy użytkownik zaczyna przenosić/skakać do nowej pozycji w audio:

<audio onseeking="myFunction()">

Spróbuj sam