Het onseeking evenement

DOM events Event object

Definitie en gebruik

Het onseeking evenement wordt geactiveerd wanneer de gebruiker begint te navigeren/springen naar een nieuwe positie in de audio/video.

Tip:het onseeking evenement met onseeked eventomgekeerd

Tip:Gebruik de audio/video objecten currentTime propertyHaal de huidige speelpositie op.

Example

Voer JavaScript uit wanneer de gebruiker begint te verplaatsen/springen naar een nieuwe positie in de video:

<video onseeking="myFunction()">

Try it yourself

Er zijn meer TIY-exempels onder de pagina.

Syntax

In HTML:

<element onseeking="myScript">

Try it yourself

In JavaScript:

object.onseeking = function(){myScript};

Try it yourself

In JavaScript, gebruik de addEventListener() methode:

object.addEventListener("seeking", myScript);

Try it yourself

Opmerking:Internet Explorer 8 en oudere versies ondersteunen deze niet addEventListener() methode.

Technische details

Bubbelend: Niet ondersteund
Annuleerbaar: Niet ondersteund
Evenementtype: Event
Ondersteunde HTML-elementen: <audio> en <video>
DOM-versie: Level 3 Events

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die het evenement volledig ondersteunt.

Evenement Chrome IE Firefox Safari Opera
onseeking Ondersteuning 9.0 Ondersteuning Ondersteuning Ondersteuning

Meer voorbeelden

Example

Deze voorbeeld toont het verschil tussen de onseeking- en onseeked-evenementen:

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

Try it yourself

Example

Toon de huidige playtime-positie met behulp van de currentTime-eigenschap van het Video-object wanneer de gebruiker begint te springen naar een nieuwe positie:

// Haal het <video> element met id="myVideo" op
var x = document.getElementById("myVideo");
// Voeg een seeking-evenement toe aan <video> en voer een functie uit wanneer de seek-actie begint
x.addEventListener("seeking", myFunction); 
function myFunction() {
  // In het <p> element met id="demo" wordt de huidige positie van de video weergegeven
  document.getElementById("demo").innerHTML = x.currentTime; 
}

Try it yourself

Example

Execute JavaScript when the user starts moving/jumping to a new position in the audio:

<audio onseeking="myFunction()">

Try it yourself

DOM events Event object