Phương thức HTML DOM hasFocus () được sử dụng để biết liệu tài liệu hoặc bất kỳ phần tử nào bên trong tài liệu có tiêu điểm hay không. Nó làm như vậy bằng cách trả về một giá trị boolean trong đó true đại diện cho tài liệu / phần tử có tiêu điểm và false đại diện cho ngược lại.

Cú pháp

Sau đây là cú pháp cho phương thức hasFocus () -

 document.hasFocus ()

Ví dụ

Chúng ta hãy xem một ví dụ cho phương thức hasFocus () -

phương thức hasFocus ()

Bản thân nỗi đau cũng rất thú vị, nhưng đó là một cách tuyệt vời để làm điều này. Để ít được ân xá nhất, ai có thể không cần thực hiện bất kỳ nhiệm vụ nào ngoại trừ việc đạt được các mục tiêu từ nó.

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Phương thức HTML DOM hasFocus ().

Khi nhấp vào bất kỳ vị trí nào trong tài liệu, NOT FOCUSED sẽ thay đổi thành FOCUSED -

Phương thức HTML DOM hasFocus ().

Trong ví dụ trên -

Chúng tôi đã tạo một hàm checkFocus () lấy phần tử nút bằng phương thức getElementById (). Sau đó, nó gọi phương thức hasFocus () để biết liệu tài liệu có tiêu điểm hay không và thực thi các câu lệnh điều kiện cho phù hợp. Nó hiển thị văn bản khác nhau trên nút nếu document.hasFocus () trả về true hoặc false -

function checkFocus () {var b =document.getElementById ("BTN1"); if (document.hasFocus ()) {b.innerHTML ="FOCUSED"; } else {b.innerHTML ="KHÔNG TẬP TRUNG"; }}

Vì khi nhấp vào tài liệu sẽ luôn làm cho tài liệu được lấy tiêu điểm, chúng tôi sử dụng phương thức setInterval () sẽ thực thi phương thức checkFocus () 20 mili giây một lần để kiểm tra xem tài liệu hiện có tiêu điểm hay không -

 setInterval ("checkFocus ()", 20);