Événement onmessage
Exemple
Créez un nouvel objet EventSource et spécifiez l'URL de la page qui envoie les mises à jour.
Chaque fois qu'une mise à jour est reçue, l'événement onmessage se produit. Lorsqu'un événement onmessage se produit, placez les données reçues dans l'élément <div> avec id="myDIV":
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L'événement onmessage se produit lorsqu'un message est reçu via une source d'événement.
L'objet d'événement pour l'événement onmessage prend en charge les propriétés suivantes :
- data - Contient le message réel
- origin - L'URL du document qui a appelé l'événement
- lastEventId - l'identifiant du dernier message vu dans le flux d'événements
Événements liés :
- onopen - Se produit lorsqu'une connexion au serveur est ouverte
- onerror - Se produit lorsqu'un problème survient
Pour plus d'informations sur les événements envoyés par le serveur, lisez notre didacticiel sur les événements envoyés par le serveur HTML5 .
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'événement.
Event | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
Syntaxe
object.onmessage = function(){myScript};
Utilisation de la méthode addEventListener() :
object.addEventListener("message", myScript);
Remarque : La méthode addEventListener() n'est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
Bulles: | Non |
---|---|
Annulable : | Non |
Type d'événement: | Événement |
Plus d'exemples
Exemple
Obtenez l'URL du document qui a appelé l'événement onmessage :
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
Le résultat pourrait être :
https://www.w3schools.com/