jquery triggerHandler() - JQuery уроки - Каталог статей - Создание сайтов, уроки php, уроки html, jquery уроки

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

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

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

Примеры

Пример 1

 $("#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>

web-development.ucoz.ru

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

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

Примеры

Пример 1