Onseeking Wydarzenie
Przykład
Wykonaj JavaScript, gdy użytkownik zacznie się przesuwać/przeskakiwać do nowej pozycji w filmie:
<video onseeking="myFunction()">
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Zdarzenie onseeking występuje, gdy użytkownik zaczyna się poruszać/przeskakiwać do nowej pozycji w audio/wideo.
Wskazówka: zdarzenie onseeking jest przeciwieństwem zdarzenia onseeking .
Porada: Użyj właściwości currentTime obiektu audio/wideo, aby uzyskać bieżącą pozycję odtwarzania.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.
Event | |||||
---|---|---|---|---|---|
onseeking | Yes | 9.0 | Yes | Yes | Yes |
Składnia
W HTML:
<element onseeking="myScript">
W JavaScript:
object.onseeking = function(){myScript};
W JavaScript za pomocą metody addEventListener():
object.addEventListener("seeking", myScript);
Uwaga: Metoda addEventListener() nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
Bąbelki: | Nie |
---|---|
Możliwość anulowania: | Nie |
Typ wydarzenia: | Wydarzenie |
Obsługiwane tagi HTML: | <audio> i <wideo> |
Wersja DOM: | Wydarzenia poziomu 3 |
Więcej przykładów
Przykład
Ten przykład ilustruje różnicę między zdarzeniem onseeking a zdarzeniem onseeked:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Przykład
Używanie właściwości currentTime obiektu wideo do wyświetlania bieżącej pozycji czasu odtwarzania, gdy użytkownik zaczyna przeskakiwać do nowej pozycji:
// Get the <video> element with id="myVideo"
var x = document.getElementById("myVideo");
// Attach a seeking event to the <video>, and execute a function if a seek operation begins
x.addEventListener("seeking", myFunction);
function myFunction() {
// Display the current position of the video in a <p> element with id="demo"
document.getElementById("demo").innerHTML = x.currentTime;
}
Przykład
Wykonaj JavaScript, gdy użytkownik zacznie się poruszać/przeskakiwać do nowej pozycji w dźwięku:
<audio onseeking="myFunction()">