jQuery | event.preventDefault () Метод

Опубликовано: 23 Декабря, 2021

Метод preventDefault () в jQuery используется для остановки действия по умолчанию для выбранного элемента. Он также используется для проверки того, вызывается ли метод preventDefault () для выбранного элемента или нет.

Синтаксис:

 event.preventDefault ()

Параметр: не принимает никаких параметров.

Возвращаемое значение: возвращает выбранный элемент с примененным изменением.

Пример 1. В этом примере используется метод 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 Picked

jQuery | event.preventDefault () Метод

РЕКОМЕНДУЕМЫЕ СТАТЬИ