Phương thức trigger

Phương thức trigger cho phép kích hoạt tất cả các trình xử lý sự kiện được gắn với phần tử cho các sự kiện thuộc loại được chỉ định. Nó gọi các hàm xử lý theo thứ tự mà chúng sẽ được gọi bởi người dùng. Nếu bạn muốn gọi trình xử lý sự kiện nhưng không thực thi sự kiện mặc định, thì hãy sử dụng phương thức triggerHandler.

Cú pháp

Là tham số đầu tiên, chúng ta có thể truyền loại sự kiện dưới dạng chuỗi, tham số thứ hai (không bắt buộc) là mảng hoặc đối tượng, chứa các tham số bổ sung để truyền cho trình xử lý:

$(selector).trigger(loại sự kiện, [các tham số bổ sung]);

Có thể truyền sự kiện làm tham số đầu tiên dưới dạng đối tượng jQuery.Event:

$(selector).trigger(sự kiện, [các tham số bổ sung]);

Có sự khác biệt giữa việc truyền các tham số bổ sung cho phương thức trigger và dữ liệu trong phương thức on. Trong trường hợp đầu tiên, dữ liệu phải được xác định tại thời điểm sự kiện được thực thi, còn trong trường hợp thứ hai thì đã xác định tại thời điểm gắn hàm xử lý.

Ví dụ

Khi nhấn vào nút #first giá trị sẽ tăng chỉ trong thẻ span đầu tiên, khi nhấn vào nút #second - trong cả hai, đồng thời mô phỏng cú nhấp chuột của người dùng trên nút đầu tiên. Hàm increase sẽ tăng lên 1 số được truyền cho nó làm tham số. Bằng cách sử dụng phương thức trigger, chúng ta buộc sự kiện click cũng xảy ra trong thẻ span đầu tiên, mặc dù chúng ta nhấn vào nút #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);
}

Xem thêm

phương thức on,
cho phép gắn trình xử lý sự kiện với phần tử
phương thức triggerHandler,
cho phép kích hoạt tất cả các trình xử lý sự kiện, được gắn với phần tử
đối tượng event,
chứa thông tin về sự kiện
phương thức submit,
cho phép gắn trình xử lý với sự kiện JavaScript submit hoặc kích hoạt sự kiện đó