Derniers tutoriels de développement web
 

événement onmessage

<Object Event

Exemple

Créer un nouvel objet EventSource, et indiquer l'URL de la page d'envoyer les mises à jour.
Chaque fois qu'une mise à jour est reçue, l'événement se produit onmessage. Lorsqu'un événement se produit onmessage, mettre les données reçues dans le <div> élément avec id = « myDiv »:

var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
    document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.


Définition et utilisation

L'événement se produit onmessage lorsqu'un message est reçu par une source d'événement.

L'objet événement pour l'événement onmessage prend en charge les propriétés suivantes:

  • données - Contient le message réel
  • origine - L'URL du document qui a invoqué l'événement
  • lastEventId - l'identifiant du dernier message vu dans le flux d'événements

Événements connexes:

  • SurOuverture - lorsqu'une connexion Survient au serveur est ouvert
  • onerror - Se produit quand un problème se produit

Pour plus d' informations sur les événements serveur-Sent, lisez notre HTML5 serveur-événements Tutoriel envoyés .


Support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement l'événement.

un événement
onmessage 9.0 Non supporté 6.0 5.0 11.0

Syntaxe

object .onmessage= function() { myScript };
Try it Yourself »

Utilisation de la addEventListener() méthode:

object . addEventListener("message", myScript ) ;
Try it Yourself »

Note: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.


Détails techniques

Bulles: Non
cancelable: Non
Type d'événement: un événement

Exemples

autres exemples

Exemple

Obtenir l'URL du document qui a invoqué 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:

http://www.w3ii.com/
Essayez vous - même »

<Object Event