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

jQuery события

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

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

jQuery синтаксис:

Синтаксис 1.3:
event.isDefaultPrevented()

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

<!DOCTYPE html>
<html>
	<head>
		<title>Использование jQuery метода isDefaultPrevented() объекта Event</title>
		<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<script>
	$( document ).ready(function() {
	  $( "a" ).click(function( event ) { // задаем функцию при нажатии на элемент <div>
	    console.log( event.isDefaultPrevented() ); // выводим логическое значение в консоль, которое определяет вызывался ли метод preventDefault() для этого объекта событий
	    event.preventDefault(); // отменяем событие по умолчанию 
	    console.log( event.isDefaultPrevented() ); // выводим логическое значение в консоль, которое определяет вызывался ли метод preventDefault() для этого объекта событий
	  })
	});
		</script>
	</head>
	<body>
		<div style = "width:100px; height:100px; background:violet">Нажми на меня</div>
	</body>
</html>

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

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

Результат нашего примера:

Пример использования jQuery метода isDefaultPrevented() объекта Event
Пример использования jQuery метода isDefaultPrevented() объекта Event
jQuery события