jQuery | Método event.isDefaultPrevented()

El método isDefaultPrevented() es un método incorporado en jQuery que verifica si se llamó al método preventDefault() para el evento. Este método devuelve un valor booleano. Devuelve True si se llama a preventDefault() en el evento, False en caso contrario.

Sintaxis:

event.isDefaultPrevented()

Parámetros: acepta un evento de un solo parámetro que proviene de la función de enlace de eventos.

Valor devuelto: Devuelve True si se llama a la función preventDefault() en el evento; de lo contrario, devuelve false.

Ejemplo-1: Esta verificación de ejemplo es el método PreventDefault() llamado en el evento o no.

<!doctype html>
<html>
      
<head>
    <title>
        isPreventDefault() Method
    </title>
      
    <script src=
        "https://code.jquery.com/jquery-3.3.1.min.js">
    </script>
</head>
  
<body>
    <a href="https://www.geeksforgeeks.org">
        Go to Homepage
    </a>
      
    <div id="initial"></div>
    <div id="prevented"></div>
    <div id="response"></div>
      
    <!-- Script to check preventDefault() Method called or not -->
    <script>
        $( "a" ).click(function( event ) {
              
            $( "#initial" ).html( "Before: isDefaultPrevented? <strong>"
                    +event.isDefaultPrevented()+"</strong>");
                      
            event.preventDefault();
              
            $( "#prevented" ).html( "preventDefault() is called now.");
              
            $( "#response" ).html( "So, you are not going anywhere."
                    + " isDefaultPrevented? <strong>"
                    + event.isDefaultPrevented() + "</strong>");
        });
    </script>
</body>
  
</html>                    

Salida:
Antes de hacer clic en el enlace:
Etapa inicial de la página
Después de hacer clic en el enlace:
Después de hacer clic en el enlace

Nota: El texto en negrita (verdadero/falso) es el valor del método isDefaultPrevented() .

Ejemplo 2: Este ejemplo de comprobación del método isDefaultPrevented() impide o no la acción predeterminada.

<!doctype html>
<html>
      
<head>
    <title>
        isPreventDefault() Method
    </title>
    <script src=
        "https://code.jquery.com/jquery-3.3.1.min.js">
    </script>
</head>
  
<body>
  
    <form action = "action.php">
        Input:<br>
        <input type="text" name="input_1">
          
        <button type="submit">Submit</button>
          
    </form> 
      
    <!-- Script to describe isDefaultPrevented() Method -->
    <script>
        $( "button" ).click(function( event ) {
            if(event.isDefaultPrevented())
                alert('Default action was prevented');
            else
                alert('Click Ok');
          
            event.preventDefault();
          
            if(event.isDefaultPrevented())
                alert('Default action was prevented');
            else
                alert('Click Ok');
        });
    </script>
</body>
  
</html>                    

Salida:
Antes de hacer clic en el botón de enviar:

Después de hacer clic en el botón de enviar:

Evento predeterminado evitado después del paso anterior:

Publicación traducida automáticamente

Artículo escrito por Vyshnav S Deepak y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *