El método preventDefault() se utiliza para evitar que el navegador ejecute la acción predeterminada del elemento seleccionado. Puede evitar que el usuario procese la solicitud haciendo clic en el enlace.
Sintaxis:
event.preventDefault()
Parámetros: No acepta ningún parámetro.
El evento se utiliza para indicar el evento o la acción del usuario en cuya respuesta funciona el método.
Código #1:
Este código evitará que el navegador vaya a otra página.
<html> <head> <title>GEEKSFORGEEKS ARTICLE<title/> <!-- INCLUDE THE JQUERY CDN --> <script src="https://ajax.googleapis.com/ajax/ libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("a").click(function(event) { event.preventDefault(); alert("prevented"); }); }); </script> </head> <body> <p>Click the link:</p> <a href="https://www.google.com">GOOGLE</a> </body> </html>
Salida:
muestra la salida como se indica a continuación
. Código n.º 2:
este código evitará que el navegador redirija la página a otro archivo PHP.
<html> <head> <title>GEEKSFORGEEKS ARTICLE<title/> <script src="https://ajax.googleapis.com/ajax/ libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#submit").click(function(event) { event.preventDefault(); alert("ACTION IS PREVENTED"); }); }); </script> </head> <body> <form action="submit.php"> <input type="text" placeholder="enter username"> <input id="submit" type="submit" name="submit"> </form> </body> </html>
Salida:
Muestra la salida como se indica a continuación :
Publicación traducida automáticamente
Artículo escrito por _shreya_garg_ y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA