body.onmessage | Html

Descripción

El evento onmessage nos permite controlar cada vez que recibimos un mensaje de evento. Recibirá la información del mensaje de evento como parámetro para poder conocer quién envía el mensaje. El mensaje de evento tiene las siguientes propiedades que nos sirven para conocer algo más del mensaje:

data, el mensaje enviado por el emisor.
origin, el origen del emisor del mensaje.
lastEventId, un ID que identifica de manera unívoca el mensaje.
source, un objeto que representa al emisor: WindowProxy, MessagePort o ServiceWorker.
ports, objeto que representa los puertos asociados al canal del mensaje.

Sintaxis

<body onmessage="funcion(event)"></body>

Elemento Padre

body

Ejemplo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Detectar Evento</title>
</head>
<body onmessage="mensajeRecibido(event);">
    
    <script>
        function mensajeRecibido(e) {
            console.log("Mensaje Recibido");
            console.log(e);
        }

        window.postMessage("MiMensaje");
    </script>

</body>
</html>

Artículos

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.