triggerHandler()

Категории: События jQuery > Управление событиями

.triggerHandler( типСобытия, дополнительныеПараметры )

Возвращает: Объект

Описание: Выполняет все обработчики прикрепленные к элементу события.

.trigger( типСобытия, дополнительныеПараметры )

Добавлена в версию: 1.2

типСобытия

Строка

Строка, содержащая тип события JavaScript, такой как нажатие или отправка.

дополнительныеПараметры

Массив

Массив дополнительных параметров, для отправки в обработчик события.

Поведение метода .triggerHandler() похоже на .trigger(), с некоторыми исключениями:

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

Для получения дополнительной информации об этом методе см. обсуждение по .trigger().

Примеры

Пример 1

Если Вы вызвали .triggerHandler() на событии focus, то действие браузера по умолчанию по этому событию не будет вызвано, только обработчик события привязанный к событию focus.

    $("#old").click(function(){
      $("input").trigger("focus");
    });
    $("#new").click(function(){
      $("input").triggerHandler("focus");
    });
    $("input").focus(function(){
      $("Focused!").appendTo("body").fadeOut(1000);
    });

Результат выполнения кода выше:

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

Полный код:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
  $(document).ready(function(){
    $("#old").click(function(){
      $("input").trigger("focus");
    });
    $("#new").click(function(){
      $("input").triggerHandler("focus");
    });
    $("input").focus(function(){
      $("<span>Focused!</span>").appendTo("body").fadeOut(1000);
    });
  });
  </script>
</head>
<body>
  <button id="old">.trigger("focus")</button>
  <button id="new">.triggerHandler("focus")</button><br/><br/>
  <input type="text" value="To Be Focused"/>
</body>
</html>

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

Была ли эта информация полезной?

Да Нет

triggerHandler()

.triggerHandler( типСобытия, дополнительныеПараметры )

.trigger( типСобытия, дополнительныеПараметры )

Примеры

Пример 1

Комментарии