HTML DOM hasFocus() วิธีการใช้สำหรับรู้ว่าเอกสารหรือองค์ประกอบใด ๆ ในเอกสารมีโฟกัส โดยส่งคืนค่าบูลีนที่ true แทนเอกสาร/องค์ประกอบที่มีการโฟกัส และ false แทนค่าเป็นอย่างอื่น

ไวยากรณ์

ต่อไปนี้เป็นรูปแบบไวยากรณ์สำหรับ hasFocus() วิธีการ -

document.hasFocus()

ตัวอย่าง

ให้เราดูตัวอย่างสำหรับวิธี hasFocus() -

hasFocus() method

ความเจ็บปวดนั้นสนุกมาก แต่เป็นวิธีที่ยอดเยี่ยมในการทำเช่นนี้ เพื่อให้ได้รับการอภัยน้อยที่สุด ผู้ที่สามารถ nostruxercitation งานใด ๆ ยกเว้นเพื่อให้ได้วัตถุประสงค์จากมัน

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

HTML DOM hasFocus() วิธีการ

เมื่อคลิกที่ใดก็ได้ในเอกสาร ผู้ที่ไม่ได้โฟกัสจะเปลี่ยนเป็น FOCUSED -

HTML DOM hasFocus() วิธีการ

ในตัวอย่างข้างต้น −

เราได้สร้างฟังก์ชัน checkFocus() ที่ได้รับองค์ประกอบปุ่มโดยใช้เมธอด getElementById() จากนั้นเรียกใช้เมธอด hasFocus() เพื่อทราบว่าเอกสารมีการโฟกัสหรือไม่ และดำเนินการคำสั่งแบบมีเงื่อนไขตามนั้น จะแสดงข้อความที่แตกต่างกันบนปุ่มหาก document.hasFocus() คืนค่าจริงหรือเท็จ -

ฟังก์ชั่น checkFocus () { var b =document.getElementById ("BTN1"); ถ้า (document.hasFocus()) { b.innerHTML ="FOCUSED"; } อื่น { b.innerHTML ="ไม่ได้โฟกัส"; }}

เนื่องจากการคลิกบนเอกสารจะทำให้โฟกัสได้เสมอ เราจึงใช้เมธอด setInterval() ที่จะรันเมธอด checkFocus() ทุกๆ 20 มิลลิวินาทีเพื่อตรวจสอบว่าเอกสารมีโฟกัสอยู่หรือไม่ -

setInterval("checkFocus()", 20);