Tìm kèm theo/sự kiện ràng buộc của một phần tử sử dụng công cụ phát triển Chrome/Firebug/IE Developer Toolbar

Question

Khi kiểm tra DOM của một trang, tôi muốn biết sự kiện đính kèm (s) của một phần tử một cách nhanh chóng

Ví dụ, nếu một nút có HTML DOM này

<button id="button1">Click Me</button> 

Và ở đâu đó (không phải ở nơi tôi biết trước) nó có sự kiện đính kèm, ví dụ:

$("#button1").click(function(){...}); 

Tôi biết nó có thể được thực hiện programatically (Can I find events bound on an element with jQuery?)

nhưng là có một cách sử dụng chỉ là một trong những công cụ phát triển dành cho Chrome/Firefox/IE để xem danh sách các sự kiện?

---

Cập nhật: Tôi phát hiện ra rằng trong các phiên bản Chrome mới hơn Tôi có một tab gọi EventListeners nhưng có vẻ như nó không cho phép dễ dàng khoan xuống tất cả các con đường xuống là nguồn gốc của sự kiện này, như jQuery kết thúc tốt đẹp ban đầu

Answer 1

FireQuery - http://firequery.binaryage.com/ cho phép bạn xem các sự kiện ràng buộc để các yếu tố và khoan vào chúng

Answer 2

với thanh tra Chrome chọn phần tử trong "Elements" tab và sau đó từ tab "Console" bạn có thể xem thứ các sự kiện e được đính kèm với phần tử có getEventListeners($0);.

Answer 3

Hiện tại, có một tab Trình nghe sự kiện trong Chrome.

Answer 4

Để có được xử lý kèm theo đầu tiên trên $ đầu tiên ("# button1") yếu tố

$._data($("#button1").get(0),"events").click[0].handler 

JSFiddle

Câu chuyện dài mà không ai muốn nghe: Tôi đến đây để tìm kiếm một plugin. Tôi đã vui mừng khi thấy câu trả lời của @ schmidlop, nhưng trong jQuery không thực sự cho tôi người nghe tôi đang tìm kiếm, nó chỉ hiển thị trình xử lý chung cho các sự kiện jQuery mà cuối cùng gọi lại gọi lại cụ thể. Tôi vẫn đang tìm kiếm một plugin Chrome cho phép tôi nhấp chuột phải vào một phần tử và để tôi đi sâu vào các trình xử lý được đính kèm với đối tượng.

Nguyên nhân sẽ tuyệt vời.

UPDATE: Tôi tìm thấy một phần mở rộng chrome gọi jQuery Debugger. Bạn chỉ đơn giản là "Inspect Element" và chọn "jQuery Sự kiện" từ "Elements" menu con ...https://chrome.google.com/webstore/detail/jquery-debugger/dbhhnnnpaeobfddmlalhnehgclcmjimi

Answer 5

công cụ phát triển của Firefox sẽ hiển thị ngay "ev" bên cạnh các yếu tố đó đã ràng buộc các sự kiện. Điều này có thể được sử dụng để kiểm tra các sự kiện bị ràng buộc (bao gồm các sự kiện jQuery).

Dưới đây là một ví dụ về kiểm tra các yếu tố "Đoạn đầu tiên" từ jQuery click documentation:

Answer 6

Bạn cũng có thể kiểm tra trực quan addon tổ chức sự kiện dành cho chrome.