Tiêu điểm thành phần theo dõi

Tiếng Kayce Basques
Kayce Basques
Twitter GitHub Sự cố

Giả sử bạn đang kiểm tra khả năng hỗ trợ tiếp cận điều hướng bằng bàn phím của một trang. Khi di chuyển trên trang bằng phím Tab, vòng lấy nét đôi khi sẽ biến mất vì phần tử có tiêu điểm bị ẩn. Cách theo dõi phần tử được đặt tiêu điểm trong Công cụ cho nhà phát triển:

  1. Mở Bảng điều khiển.

  2. Nhấp vào biểu tượng Tạo biểu thức trực tiếp Tạo biểu tượng cảm xúc trực tiếp.

    Tạo Biểu thức trực tiếp.

    Để biết thêm thông tin, hãy xem phần Xem giá trị JavaScript theo thời gian thực bằng Biểu thức trực tiếp.

  3. Nhập document.activeElement.

  4. Nhấp vào bên ngoài giao diện người dùng Biểu thức trực tiếp để lưu.

Giá trị mà bạn thấy bên dưới document.activeElement là kết quả của biểu thức. Vì biểu thức đó luôn biểu thị phần tử được lấy tiêu điểm, nên giờ đây bạn có cách để luôn theo dõi phần tử nào có tâm điểm.

  • Di chuột qua kết quả để làm nổi bật phần tử được lấy tiêu điểm trong khung nhìn.
  • Nhấp chuột phải vào kết quả rồi chọn Hiển thị trong bảng điều khiển Phần tử để hiển thị phần tử trong Cây DOM trên bảng điều khiển Phần tử.
  • Nhấp chuột phải vào kết quả rồi chọn Store as Global variable (Lưu trữ dưới dạng biến toàn cục) để tạo một tham chiếu biến đến nút mà bạn có thể sử dụng trong Console(Bảng điều khiển).