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:
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