Метод trigger

Метод trigger позволява да се стартират всички обработващи функции на събития, прикачени към елемент за събития от зададен тип. Той извиква функциите-обработчици в реда, в който те биха били извикани от потребителя. Ако искате да извикате обработваща функция на събития, но да не изпълнявате стандартното събитие, тогава използвайте метод triggerHandler.

Синтаксис

Като първи параметър можем да подадем типа на събитието под формата на низ, втори (незадължителен) масив или обект, съдържащ допълнителни параметри за предаване на обработващата функция:

$(селектор).trigger(тип на събитието, [допълнителни параметри]);

Може като първи параметър да се подаде събитие под формата на обект jQuery.Event:

$(селектор).trigger(събитие, [допълнителни параметри]);

Има разлика между подаването на допълнителни параметри на метод trigger и данни в метод on. В първия случай данните трябва да бъдат дефинирани по време на изпълнение на събитието, а във втория вече в момента на прикачването на функцията-обработчик.

Пример

При натискане на бутона #first стойността ще се увеличава само в първия спан, при натискане на бутона #second - и в двата, като при това имитира на първия клик на потребителя. Функцията increase ще увеличава с 1 числото, подавано й като параметър. Чрез метод trigger ние караме да се задейства също събитието при клик и в първия спан, въпреки че натискаме бутона #second:

<button id="first">button1</button>
<button id="second">button2</button>
<div><span>0</span></div>
<div><span>0</span></div>

button {
	margin: 10px;
}

div {
	margin-left: 10px;
	font-weight: bold;
}

span {
	color: green;
}

$('#first').click(function() {
	increase($('span').first());
});

$('#second').click(function() {
	$('#first').trigger('click');
	increase($('span').last());
});

function increase(str) {
	let num = parseInt(str.text(), 10);
	num.text(num + 1);
}

Вижте също

метод on,
който позволява да се прикачи обработваща функция на събития към елемент
метод triggerHandler,
който позволява да се стартират всички обработващи функции на събития, прикачени към елемент
обект event,
който съдържа информация за събитието
метод submit,
който позволява да се прикачат обработващи функции към JavaScript събитие submit или да се стартира това събитие