Làm cách nào để đặt các điểm ngắt của trình nghe sự kiện trong tab Yếu tố của Chrome?

Question

Tôi đang vật lộn với việc thiết lập các điểm ngắt trong các phần tử DOM được tạo động, trong đó các trình xử lý sự kiện khác nhau cũng được liên kết từ Javascript. Điều này về cơ bản có nghĩa là tôi có một cấu trúc DOM đẹp, không phải là một phần của phản hồi HTTP nhận được ban đầu, nó hoàn toàn được xây dựng trên phía máy khách.

Bây giờ vấn đề là tab Elements của Chrome chỉ cho phép tôi để đặt breakpoint cho

• sửa đổi Subtree HOẶC
• Thuộc tính sửa đổi HOẶC
loại bỏ
• Node

Có thể thiết lập một điểm ngắt trong trình lắng nghe sự kiện được tạo động của phần tử DOM được tạo động bằng cách nào đó? (Xem hình ảnh kèm theo. Tôi muốn thiết lập các breakpoint vào listenerbody)

Lưu ý rằng tôi không thể sử dụng tab 'Nguồn/Scripts' hoặc, vì nó chỉ cho tôi thấy những bước đầu nhận được nội dung HTTP tĩnh phản ứng. Và tôi không thể đặt điểm ngắt trong mã được tham chiếu trong accordion 'Event Listeners', vì nó sẽ chỉ cho tôi biết người nghe sự kiện khi nó được đính kèm chứ không phải khi nó bị sa thải!

Bất kỳ ý tưởng nào?

Answer 1

Nguồn -> Trình nghe sự kiện Các điểm ngắt có chứa một loạt các hộp kiểm có thể được chọn để kích hoạt điểm ngắt khi trình xử lý sự kiện cho sự kiện được kích hoạt.