jQuery event.preventDefault()方法

jQuery preventDefault() 方法是用来阻止选定元素的默认动作发生。它也被用来检查preventDefault()方法是否对所选元素被调用。

语法:

event.preventDefault()

参数：它不接受任何参数。

例子1：这个例子使用preventDefault()方法来停止打开新的链接。

<!DOCTYPE html>
<html>
  
<head>
    <title>
        jQuery event.preventDefault() Method
    </title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <style>
        body {
            width: 50%;
            height: 40%;
            padding: 20px;
            border: 2px solid green;
            font-size: 20px;
        }
    </style>
  
    <!-- Script to use event.preventDefault() method -->
    <script>
         $(document).ready(function () {$ ("a").click(function (event) {
                event.preventDefault();
                alert("The required page will not be open");
            });
        });
    </script>
</head>
  
<body>
    <a href="https://www.geeksforgeeks.org">
        Welcome to GeeksforGeeks!
    </a>
</body>
  
</html>

输出:

jQuery event.preventDefault()方法

例子2：这个例子使用event.preventDefault()方法来停止提交表单。

<!DOCTYPE html>
<html>
  
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <style>
        body {
            width: 50%;
            height: 40%;
            padding: 20px;
            border: 2px solid green;
            font-size: 20px;
        }
  
        input {
            width: 220px;
            height: 30px;
            border-radius: 10px;
        }
    </style>
  
    <!-- Script to use event.preventDefault() method -->
    <script>
         $(document).ready(function () {$ ("button").click(function (event) {
                event.preventDefault();
                alert("This form will not submit");
            });
        });
    </script>
</head>
  
<body>
    <input type="text" placeholder="enter name"/>
    <br><br>
    <button>Submit </button>
</body>
  
</html>

输出:

jQuery event.preventDefault()方法