Метод isDefaultPrevented() объекта Event

Определение и применение

Метод isDefaultPrevented() объекта Event возвращает логическое значение true, если для этого объекта событий вызывался метод event.preventDefault() и false в обратном случае.

jQuery синтаксис:

Синтаксис 1.3:

event.isDefaultPrevented()

Пример использования

Метод isDefaultPrevented() — пример 1

Нажмите ▶. Измените JavaScript и запустите пример повторно. Используется jQuery 4.0.0.

index.html

HTML

<div style="width: 100px; height: 100px; background: violet">Нажми на меня</div>

main.js

JavaScript

$(document).ready(function () {
    $('a').click(function (event) {
        // задаем функцию при нажатии на элемент <div>
        console.log(event.isDefaultPrevented()) // выводим логическое значение в консоль, которое определяет вызывался ли метод preventDefault() для этого объекта событий
        event.preventDefault() // отменяем событие по умолчанию
        console.log(event.isDefaultPrevented()) // выводим логическое значение в консоль, которое определяет вызывался ли метод preventDefault() для этого объекта событий
    })
})

style.css

CSS

body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}

В этом примере с помощью метода .click() мы назначили обработчик события нажатие левой кнопки мыши по элементу <a>. При срабатывании события обработчик события выводит логическое значение в консоль, которое с помощью метода isDefaultPrevented() объекта Event определяет вызывался ли метод event.preventDefault() для этого объекта событий.

После этого мы вызываем метод event.preventDefault() объекта Event благодаря которому мы отменяем событие по умолчанию (переход по ссылке). Затем мы снова выводим логическое значение в консоль, которое определяет вызывался ли метод event.preventDefault() для этого объекта событий.