Phương thức jQuery on ()

❮ Phương thức sự kiện jQuery

Thí dụ

Đính kèm sự kiện nhấp chuột vào phần tử <p>:

$("p").on("click", function(){
  alert("The paragraph was clicked.");
});

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

Phương thức on () đính kèm một hoặc nhiều trình xử lý sự kiện cho các phần tử đã chọn và phần tử con.

Kể từ phiên bản jQuery 1.7, phương thức on () là phương thức thay thế mới cho các phương thức bind (), live () và ủy nhiệm (). Phương pháp này mang lại nhiều tính nhất quán cho API và chúng tôi khuyên bạn nên sử dụng phương pháp này, vì nó đơn giản hóa cơ sở mã jQuery.

Lưu ý: Các trình xử lý sự kiện được đính kèm bằng phương thức on () sẽ hoạt động cho cả phần tử hiện tại và FUTURE (giống như một phần tử mới được tạo bởi một tập lệnh).

Mẹo: Để xóa trình xử lý sự kiện, hãy sử dụng phương thức off () .

Mẹo: Để đính kèm một sự kiện chỉ chạy một lần và sau đó tự xóa, hãy sử dụng phương thức one () .


Cú pháp

$(selector).on(event,childSelector,data,function,map)

Parameter Description
event Required. Specifies one or more event(s) or namespaces to attach to the selected elements.

Multiple event values are separated by space. Must be a valid event
childSelector Optional. Specifies that the event handler should only be attached to the specified child elements (and not the selector itself, like the deprecated delegate() method).
data Optional. Specifies additional data to pass along to the function
function Required. Specifies the function to run when the event occurs
map Specifies an event map ({event:function, event:function, ...}) containing one or more event to attach to the selected elements, and functions to run when the events occur

Hãy tự mình thử - Ví dụ


Cách đính kèm nhiều sự kiện vào một phần tử.


Cách đính kèm nhiều trình xử lý sự kiện vào các phần tử đã chọn bằng cách sử dụng tham số bản đồ.


Cách đính kèm sự kiện không gian tên tùy chỉnh trên một phần tử.


Cách truyền dữ liệu cho hàm.


Cho thấy rằng phương thức on () cũng hoạt động cho các phần tử chưa được tạo.


Cách loại bỏ một trình xử lý sự kiện bằng phương thức off ().


❮ Phương thức sự kiện jQuery