Sử dụng trình kiểm tra web của chromes để xem mã rất hữu ích. Nhưng làm thế nào để bạn xem ví dụ như mã di chuột cho một nút? Bạn sẽ phải di chuột qua nút và do đó không thể sử dụng nó (chuột) trong thanh tra. Có bất kỳ lối tắt hoặc cách nào khác để thực hiện điều này trong thanh tra không?

Bây giờ bạn có thể thấy cả quy tắc kiểu lớp giả và buộc chúng trên các phần tử.

Để xem các quy tắc như :hovertrong ngăn Kiểu, hãy nhấp vào nút hộp chấm nhỏ ở trên cùng bên phải.

Để buộc một phần tử vào :hovertrạng thái, hãy nhấp chuột phải vào nó.

Ngoài ra, bạn có thể sử dụng ngăn thanh bên của Event Listener Breakpoints trong bảng Scripts và chọn tạm dừng trong các trình xử lý di chuột qua.

Ngoài ra, bạn có thể sử dụng ngăn thanh bên của Event Listener Breakpoints trong bảng Scripts và chọn tạm dừng trong các trình xử lý di chuột qua.

Nó hơi khó chịu, nhưng bạn cần phải nhấp chuột phải vào phần tử, sau đó, giữ chuột trên liên kết, sử dụng bàn phím của bạn, chọn liên kết 'Kiểm tra phần tử' và nhấn enter. Điều này sẽ hiển thị cho bạn css cho lớp giả di chuột cho phần tử đã chọn.

Đây là hy vọng họ làm cho điều này dễ dàng hơn một chút trong các bản dựng sau này.

Trong Chrome:

Bạn cũng có thể di chuột qua một phần tử, sau đó nhấp CTRL+SHIFT+Cđể kiểm tra phần tử đó.

Trong Firefox:

trong firebug:

nguồn: https://stackoverflow.com/a/11272205/2165415

Tôi không chắc rằng tôi hiểu đúng câu hỏi của bạn nhưng nếu bạn muốn xem mã xử lý sự kiện, bạn có thể chỉ cần kiểm tra phần tử và nhìn vào ngăn thanh bên của Trình xử lý sự kiện của Bảng điều khiển yếu tố. Một cách khác là chỉ cần nhấn nút tạm dừng trong Scripts Panel và chỉ cần di chuột vào phần tử. Trình gỡ lỗi sẽ dừng lại ở lệnh đầu tiên của trình xử lý sự kiện đầu tiên.

Vui lòng xem liên kết bên dưới để biết câu trả lời

Xem: trạng thái di chuột trong Công cụ nhà phát triển Chrome