onbericht Evenement
Voorbeeld
Maak een nieuw EventSource-object en geef de URL op van de pagina die de updates verzendt.
Elke keer dat een update wordt ontvangen, vindt de gebeurtenis onmessage plaats. Wanneer een onmessage-gebeurtenis optreedt, plaatst u de ontvangen gegevens in het <div>-element met id="myDIV":
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De gebeurtenis onmessage treedt op wanneer een bericht wordt ontvangen via een gebeurtenisbron.
Het gebeurtenisobject voor de gebeurtenis onmessage ondersteunt de volgende eigenschappen:
- data - Bevat het eigenlijke bericht
- origin - De URL van het document dat de gebeurtenis heeft aangeroepen
- lastEventId - de identifier van het laatste bericht gezien in de gebeurtenisstroom
Gerelateerde evenementen:
- onopen - Treedt op wanneer een verbinding met de server open is
- onerror - Treedt op wanneer zich een probleem voordoet
Lees onze HTML5 Server-Sent Events Tutorial voor meer informatie over Server-Sent Events .
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de gebeurtenis volledig ondersteunt.
Event | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
Syntaxis
object.onmessage = function(){myScript};
De methode addEventListener() gebruiken:
object.addEventListener("message", myScript);
Opmerking: de methode addEventListener() wordt niet ondersteund in Internet Explorer 8 en eerdere versies.
Technische details
bubbels: | Nee |
---|---|
Annuleerbaar: | Nee |
Evenementtype: | Evenement |
Meer voorbeelden
Voorbeeld
Haal de URL op van het document dat de onmessage-gebeurtenis heeft aangeroepen:
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
Het resultaat zou kunnen zijn:
https://www.w3schools.com/