Hiệu suất nghe sự kiện JavaScript cho hàng trăm thành phần DOM

Question

Tôi có một số <ul> có nhiều trẻ em (gần 3000 mục) và một số trong số <li> có nhiều cấp độ. Tôi đã đính kèm một người nghe sự kiện vào 'click' (tôi đang sử dụng jQuery) mà tôi sử dụng để chuyển đổi khả năng hiển thị của trẻ em của một <li>.

Tôi tự hỏi làm thế nào có quá nhiều trình xử lý sự kiện ảnh hưởng đến hiệu suất. (Có ít nhất 1000!). Đây có phải là vấn đề lớn đối với hiệu suất không?

Tôi không thực sự thấy nhiều vấn đề về hiệu suất với các trình duyệt web mới hơn, nhưng IE8 có vẻ rất chậm. Có điên rồ vô trách nhiệm để chỉ đánh một người nghe sự kiện vào tất cả mọi thứ ?!

Answer 1

Câu trả lời là một whooping lớn CÓ. Có, nó sẽ ảnh hưởng đến hiệu suất. Đoàn đại biểu tổ chức sự kiện được xây dựng cho chính xác điều này. Thay vì ràng buộc người xử lý của bạn cho mỗi đơn li, hãy liên kết nó với phụ huynh của nó, ul. Bằng cách này, ul sẽ ủy quyền sự kiện click tới li.

$("ul").on("click", "li", function() { 
//your code 
});