What e.preventDefault() method really does in jQuery?

jQueryWeb DevelopmentFront End Technology

The preventDefault() method stops the default action of a selected element from happening by a user. This method does not accept any parameter and works in two ways:

  • It prevents a link from following the URL so that the browser can't go another page.
  • It prevents a submit button from submitting a form.

Example

<html>
<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <script>
      $(document).ready(function() {
         $("a").click(function(event) {
            event.preventDefault();
         });
      });
   </script>
</head>
<body>
   <a href="https://www.tutorialspoint.com/">Tutorialspoint.com</a>
   <p>Click the link and it wont work.</p>
</body>
</html>
raja
Arnab Chakraborty
Published on 27-Sep-2018 14:27:48
Previous Page Print Page
Next Page  
Advertisements