AbortController | Dom

 

Descripción

Sintaxis

AbortController

Constructores

Propiedades

Métodos

Eventos

Ejemplo

<!DOCTYPE html>
<html lang="es">
<head>
  <title>Abortar Eventos</title>
</head>
<body>

  <h1>Abortar Eventos</h1>

  <form>
    <input id="mensaje" type="text" value="0"/>
  </form>

  <button id="inc">Incrementar valor</button>

  <script>

    const boton = document.getElementById("inc");
    const mensaje = document.getElementById("mensaje");
    const controller = new AbortController();

    boton.addEventListener("click", ()=>{

      console.log("Capturo Evento")
      let valor = parseInt(mensaje.value) + 1;
      mensaje.value = valor;

      // La tercera vez que hayamos capturado el evento lo eliminamos
      if (valor == 3)
        controller.abort();
    }, {
      signal: controller.signal
    });


  </script>    
   
</body>
</html>

Artículos