jQuery triggerHandler()Метод

jQuery 事件方法Методы событий jQuery

Пример

Вызовите событие select элемента <input>:

$("button").click(function(){ $("input").triggerHandler("select"); });

Попробуйте сами »

Определение и использование

Метод triggerHandler() запускает указанное событие на выбранном элементе.

Этот метод возвращает возвращаемое значение функции обработчика события, а не объект jQuery, поддерживающий цепочки. Кроме того, если ни один обработчик не запущен, этот метод возвращает undefined.

Этот метод похож наtrigger()метод, с той разницей, что trigger() также запускает поведение события по умолчанию (например, отправку формы).

Отличия от метода trigger():

  • Он не вызывает поведение события по умолчанию (например, отправку формы)
  • .trigger() работает со всеми элементами, выбранными объектом jQuery, тогда как .triggerHandler() воздействует только на первый совпавший элемент.
  • События, созданные .triggerHandler(), не всплывают по дереву DOM; если целевой элемент не обрабатывает их напрямую, ничего не произойдёт.

Пример

Сравнение triggerHandler() с .trigger():

$( "#old" ).click(function() { $( "input" ).trigger( "focus" ); }); $( "#new" ).click(function() { $( "input" ).triggerHandler( "focus" ); }); $( "input" ).focus(function() { $( "<span>В фокусе!</span>" ).appendTo( "body" ).fadeOut( 1000 ); });

Попробуйте сами »

Синтаксис

$(selector).triggerHandler(event,param1,param2,...)

Параметр Описание
event Обязательный. Указывает событие, которое нужно запустить на указанном элементе.
param1,param2,... Необязательно. Дополнительные параметры, передаваемые обработчику события.
Дополнительные параметры особенно полезны для пользовательских событий.

实例

Другие примеры

Передача дополнительных параметров в пользовательские события
Как передать дополнительные параметры обработчику пользовательского события.

Разница между trigger() и triggerHandler()
Демонстрирует разницу между trigger() и triggerHandler().

jQuery 事件方法Методы событий jQuery

Другие расширения