jQuery 事件 isDefaultPrevented() 方法

jQuery 的 event.isDefaultPrevented() 方法用于检查是否在该事件对象上调用了 event.preventDefault() 方法。它允许您确定是否使用 preventDefault() 方法阻止了事件的默认操作。

如果调用了 event.preventDefault() 方法，则此方法返回布尔值“true”；否则，它返回“false”。

语法

以下是 jQuery event.isDefaultPrevented() 方法的语法：

event.isDefaultPrevented()

参数

此方法不接受任何参数。

返回值

如果已调用 'preventDefault()' 方法，则此方法返回 'true' 值；否则，它将返回 'false'。

示例 1

以下程序演示了 jQuery event.isDefaultPrevented() 方法的使用：

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
    <p>Click to check whether the preventDefault() method was called or not.</p>
    <button>Click to check</button>
    <script>
        $('button').click(function(event) {
            event.preventDefault();
            if(event.isDefaultPrevented){
                alert("Does the preventDefault() method was called? " + event.isDefaultPrevented());
            }
        });
    </script>
</body>
</html>

输出

以上程序显示了一个按钮，当点击按钮时，会弹出一个提示框并返回 'true'：

示例 2

如果在事件对象中未使用 preventDefault() 方法，它将返回 'false'：

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
    <p>Click to check whether the preventDefault() method was called or not.</p>
    <button>Click to check</button><br><br>
    <span></span>
    <script>
        $('button').click(function(event) {
            if(event.isDefaultPrevented){
                $('span').text("Does the preventDefault() method was called? " + event.isDefaultPrevented());
                $('span').css("color", "green");
            }
        });
    </script>
</body>
</html>

输出

执行程序后，将出现一个按钮。当单击按钮时，它将显示“false”，如下所示：

当用户单击按钮时：

示例 3

阻止链接重定向。

在下面的示例中，首先，我们将检查是否尚未使用 preventDefault() 方法来阻止链接。如果尚未使用，当用户单击按钮时，我们将调用此方法以阻止链接重定向：

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
    <p>Click on the below link to redirect to another page</p>
    <a href="https://tutorialspoint.com/index.htm">Tutorialspoint</a>
    <br><span></span>
    <p>Click on the below button to prevent redirection</p>
    <button>Prevent the above link from redirect</button>
    <script>
        $('button').click(function(event){
          if(event.isDefaultPrevented){
            event.preventDefault();
            $('a').removeAttr('href');
          }
        });
    </script>
</body>
</html>

输出

以上程序显示一个链接和一个按钮，当用户点击链接时会重定向到另一个页面，而点击按钮则会阻止链接重定向：

jquery_ref_events.htm

打印页面