jQuery sự kiện - phương pháp triggerHandler()

Mô hình

Kích hoạt sự kiện select của phần tử input:

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

Thử ngay

Định nghĩa và cách sử dụng

Phương pháp triggerHandler() kích hoạt loại sự kiện được chỉ định của phần tử được chọn. Nhưng nó sẽ không thực hiện hành vi mặc định của trình duyệt và cũng không tạo sự kiện bùng nổ.

Phương pháp triggerHandler() tương tự như phương pháp trigger(). Khác biệt là nó sẽ không kích hoạt hành vi mặc định của sự kiện (ví dụ: nộp biểu mẫu) và chỉ ảnh hưởng đến phần tử khớp đầu tiên.

Điểm khác biệt so với phương pháp trigger()

  • Nó sẽ không gây ra hành vi mặc định của sự kiện (ví dụ: nộp biểu mẫu)
  • .trigger() sẽ hoạt động trên tất cả các phần tử khớp với jQuery, trong khi .triggerHandler() chỉ ảnh hưởng đến phần tử khớp đầu tiên.
  • Các sự kiện được tạo bởi .triggerHandler() sẽ không bùng nổ trong cây DOM; nếu phần tử mục tiêu không xử lý chúng trực tiếp, sẽ không có gì xảy ra.
  • Phương pháp này trả về giá trị của hàm xử lý sự kiện, không phải là đối tượng jQuery có thể nối chuỗi. Ngoài ra, nếu không có trình xử lý nào được kích hoạt, phương pháp này sẽ trả về undefined.

Kích hoạt sự kiện

Định nghĩa sự kiện cần kích hoạt trên phần tử được chọn.

Cú pháp

$(selector).triggerHandler(event,param1,param2,...])
Tham số Mô tả
event Bắt buộc. Định nghĩa sự kiện cần kích hoạt trên phần tử được chỉ định.
[param1,param2,...] Tùy chọn. Các tham số bổ sung được truyền sang hàm xử lý sự kiện.