body.onrejectionhandled | Html

Descripción

El evento onrejectionhandled se registra cuando se ha producido un rechado de una promesa y esta ha sido manejada. Es decir, se ha ejecutado su método .catch.

Sintaxis

<body onrejectionhandled="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>Gestionar Promesas Rechazadas</title>
</head>
<body>

    <h1>Gestionar Promesas Rechazadas</h1>

    <script>


        window.addEventListener("rejectionhandled", function(event) {            
            console.log("Promesa Manejada rechazada. Razón: " + event.reason);
        }, false);

        window.addEventListener("unhandledrejection", function(event) {            
            console.log("Promesa Sin Manejar rechazada. Razón: " + event.reason);
        }, false);
  
        // Creo una promesa y directamente la rechazo
        var rejectedPromise = Promise.reject('Error a las ' + new Date().toLocaleTimeString());

        // Hay que ejecutar el catch para que sea una promesa manejada        
        setTimeout(() => {
           rejectedPromise.catch(() => {});
        }, 1);
        

    </script>

</body>
</html>

Artículos

Gestionar Promesas Rechazadas

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.