Kayce Basques
Alexandra Klepper
สมมติว่าคุณกำลังทดสอบความสามารถในการเข้าถึงด้วยการไปยังส่วนต่างๆ ของหน้าเว็บด้วยแป้นพิมพ์ เมื่อไปยังส่วนต่างๆ ของหน้าเว็บด้วยปุ่ม Tab วงแหวนโฟกัสจะหายไปในบางครั้ง เนื่องจากองค์ประกอบที่มีโฟกัสถูกซ่อนอยู่ วิธีติดตามองค์ประกอบที่โฟกัสในเครื่องมือสำหรับนักพัฒนาเว็บ
- เปิดคอนโซล
คลิก สร้างนิพจน์แบบสด
ดูข้อมูลเพิ่มเติมได้ที่ดูค่า JavaScript แบบเรียลไทม์ด้วยนิพจน์แบบสด
พิมพ์
document.activeElementคลิกนอกอินเทอร์เฟซนิพจน์แบบสด เพื่อบันทึก
สร้างนิพจน์แบบสดค่าหลัง document.activeElement คือผลลัพธ์ของนิพจน์ เนื่องจากนิพจน์ดังกล่าวแสดงถึงองค์ประกอบที่โฟกัสเสมอ คุณจึงติดตามได้ว่าองค์ประกอบใดมีโฟกัส
- วางเมาส์เหนือผลลัพธ์เพื่อไฮไลต์องค์ประกอบที่โฟกัสในวิวพอร์ต
- คลิกขวาที่ผลลัพธ์แล้วเลือกเปิดในแผงองค์ประกอบ เพื่อแสดงองค์ประกอบใน DOM Tree ในแผงองค์ประกอบ
- คลิกขวาที่ผลลัพธ์แล้วเลือกจัดเก็บเป็นตัวแปรส่วนกลาง เพื่อสร้างการอ้างอิงตัวแปรไปยังโหนดที่คุณใช้ในคอนโซล ได้