jQuery | event.preventDefault() 方法

jQuery 中的preventDefault() 方法用于阻止所选元素的默认动作发生。它还用于检查是否为所选元素调用了 preventDefault() 方法。

句法：

event.preventDefault()

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

返回值：它返回具有应用更改的选定元素。

示例 1：本示例使用 preventDefault() 方法停止打开新链接。

   

    
        jQuery event.preventDefault() Method
    
      
    
    
      
    
        body {
            width: 50%;
            height: 40%;
            padding: 20px;
            border: 2px solid green;
            font-size: 20px;
        }
    
      
    
    
        $(document).ready(function() {
            $("a").click(function(event) {
                event.preventDefault();
                alert("The required page will not be open");
            });
        });
    

   

    
        Welcome to GeeksforGeeks!
    

   

输出：
点击链接前：

点击链接后：

示例 2：此示例使用 event.preventDefault() 方法停止提交表单。

   

      
    
    
      
    
        body {
            width: 50%;
            height: 40%;
            padding: 20px;
            border: 2px solid green;
            font-size: 20px;
        }
        input {
            width: 220px;
            height: 30px;
            border-radius: 10px;
        }
    
      
    
    
        $(document).ready(function() {
            $("button").click(function(event) {
                event.preventDefault();
                alert("This form will not submit");
            });
        });
    

   

   
    
      
    
      
    Submit 

   

输出：
点击按钮前：

点击按钮后：