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