Document: phương thức hasFocus()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phương thức hasFocus() của giao diện Document trả về một giá trị boolean cho 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.
Phương thức này có thể được sử dụng để xác định xem phần tử đang hoạt động trong tài liệu có tiêu điểm hay không.
Note: Khi xem một tài liệu, một phần tử có tiêu điểm luôn là phần tử đang hoạt động trong tài liệu, nhưng một phần tử đang hoạt động không nhất thiết có tiêu điểm. Ví dụ: một phần tử đang hoạt động trong cửa sổ popup không phải là cửa sổ nền trước sẽ không có tiêu điểm.
Cú pháp
hasFocus()
Tham số
Không có.
Giá trị trả về
false nếu phần tử đang hoạt động trong tài liệu không có tiêu điểm;
true nếu phần tử đang hoạt động trong tài liệu có tiêu điểm.
Ví dụ
Kiểm tra xem tài liệu có tiêu điểm không
Ví dụ sau kiểm tra xem tài liệu có tiêu điểm hay không.
Một hàm gọi là checkPageFocus() cập nhật một phần tử đoạn văn tùy thuộc vào kết quả của document.hasFocus().
Mở cửa sổ mới sẽ khiến tài liệu mất tiêu điểm và chuyển lại cửa sổ ban đầu sẽ khiến tài liệu lấy lại tiêu điểm.
<p id="log">Kết quả kiểm tra tiêu điểm được hiển thị ở đây.</p>
<button id="newWindow">Mở cửa sổ mới</button>
const body = document.querySelector("body");
const log = document.getElementById("log");
function checkDocumentFocus() {
if (document.hasFocus()) {
log.textContent = "Tài liệu này có tiêu điểm.";
body.style.background = "white";
} else {
log.textContent = "Tài liệu này không có tiêu điểm.";
body.style.background = "gray";
}
}
function openWindow() {
window.open(
"https://mdn.go-mizu.dev/",
"MDN",
"width=640,height=320,left=150,top=150",
);
}
document.getElementById("newWindow").addEventListener("click", openWindow);
setInterval(checkDocumentFocus, 300);
Đặc tả kỹ thuật
| Specification |
|---|
| HTML # dom-document-hasfocus-dev |