Справочник API
event.type в jQuery
Содержание статьи
-
Категории: Events › Event Object
Определяет тип события.
Синтаксис и описание:
Добавлено в jQuery 1.0event.type
Свойство event.type содержит строку с названием сработавшего события — например,
"click","submit","keydown". Полезно, когда один и тот же обработчик подписан сразу на несколько типов событий и внутри нужно понять, какое именно произошло.Если событие было привязано с пространством имён (
.on( "click.myPlugin", handler )), то в event.type попадает только базовый тип ("click") — само пространство имён доступно отдельно, черезevent.namespace.Свойство работает и для собственных (кастомных) событий, вызванных через
.trigger( "moySobytiye" ), — в обработчике event.type будет равно строке с именем этого события, так же как для встроенных браузерных событий.
Возвращаемое значение: (строка) название типа события.
Примечание:
Имена встроенных событий всегда записаны строчными буквами; имя собственного события приходит ровно в том виде, в каком его передали в
.trigger()(регистр учитывается:"cartUpdated"и"cartupdated"— разные события).Ещё момент:
Не путайте event.type с event.target: первое отвечает на вопрос «что произошло» (клик, отправка формы), второе — «с каким элементом это произошло».
В jQuery 3.x и 4.0:
Свойство работает без изменений. Полностью соответствует нативному
Event.type.
Примеры:
Один обработчик на несколько типов событий:
$( "#field" ).on( "focus blur", function ( event ) { console.log( "Сработало событие:", event.type ); } );Различаем нажатие клавиши и клик в общем обработчике доступности:
$( ".btn-custom" ).on( "click keydown", function ( event ) { if ( event.type === "keydown" && event.key !== "Enter" ) { return; // реагируем только на Enter } console.log( "Активация элемента, событие:", event.type ); } );