event.preventDefault()Returns: undefined

Description: If this method is called, the default action of the event will not be triggered.

For example, clicked anchors will not take the browser to a new URL. We can use event.isDefaultPrevented() to determine if this method has been called by an event handler that was triggered by this event.


Cancel the default action (navigation) of the click.

<!doctype html>
<html lang="en">
  <meta charset="utf-8">
  <title>event.preventDefault demo</title>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<a href="https://jquery.com">default click action is prevented</a>
<div id="log"></div>
$( "a" ).click(function( event ) {
  $( "<div>" )
    .append( "default " + event.type + " prevented" )
    .appendTo( "#log" );