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

Phương thức hasFocus() kiểm tra xem tài liệu (document) hoặc bất kỳ phần tử nào trong tài liệu có đang được focus (tập trung) hay không. Trả về giá trị boolean: true nếu có focus, false nếu không.

Cú pháp

document.hasFocus()

Ví dụ

Ví dụ kiểm tra liên tục trạng thái focus của tài liệu và hiển thị trên nút bấm:

<!DOCTYPE html>
<html>
<body>
<h1>Phương thức hasFocus()</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
<button id="BTN1">KIỂM TRA</button>
<script>
  setInterval("checkFocus()", 20);
  function checkFocus() {
    var btn = document.getElementById("BTN1");
    if (document.hasFocus()) {
      btn.innerHTML = "ĐANG FOCUS";
    } else {
      btn.innerHTML = "KHÔNG FOCUS";
    }
  }
</script>
</body>
</html>

Kết quả

Ban đầu nút hiển thị "KHÔNG FOCUS" (nếu trang không active).

Khi click vào trang (làm cho tài liệu nhận focus), nút chuyển thành "ĐANG FOCUS". Mất focus (chuyển tab, minimize) thì quay lại "KHÔNG FOCUS".

Giải thích

• Hàm checkFocus() lấy nút id="BTN1".
• Gọi document.hasFocus(), nếu true đặt nội dung nút thành "ĐANG FOCUS", ngược lại "KHÔNG FOCUS".
• setInterval("checkFocus()", 20) chạy hàm mỗi 20ms để cập nhật trạng thái real-time.