jQuery event.isDefaultPrevented() Method
jQuery isDefaultPrevented() Method is an inbuilt method that 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 that comes from the event binding function.Â
Example 1: This example checks 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 >
$("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 >
</ head >
< body >
Go to Homepage
</ a >
< div id = "initial" ></ div >
< div id = "prevented" ></ div >
< div id = "response" ></ div >
< 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 >
<!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 >
$("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:Â
Last Updated :
11 Jan, 2024
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...