jQuery event.isDefaultPrevented() Method
The jQuery isDefaultPrevented() Method is an inbuilt method which checks whether the preventDefault() method was called for the event. This method returns a boolean value. It returns True if preventDefault() is called on the event, False otherwise.
Syntax:
event.isDefaultPrevented()
Parameters: It accepts a single parameter event which comes from event binding function.
Example 1: This example check isPreventDefault() Method called on the event or not.
HTML
<!doctype html> <html> <head> <title> isPreventDefault() Method </title> <script src= </script> </head> <body> 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> |
Output:
Note: The bold text (true/false) is the value of isDefaultPrevented() method.
Example 2: This example check isDefaultPrevented() method prevent default action or not.
HTML
<!doctype html> <html> <head> <title> isPreventDefault() Method </title> <script src= </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> |
Output:
Please Login to comment...