Thuộc tính activeElement của DOM trong HTML

Giới thiệu

Thuộc tính document.activeElement (read-only) trả về phần tử hiện đang nhận focus (tập trung) trong tài liệu. Hữu ích để biết người dùng đang tương tác với ô nhập nào, nút nào, hoặc liên kết nào.

Cú pháp

document.activeElement

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body onclick="display()">
  <h2>Tiêu đề Hai</h2>
  <p>Nhấp vào phần tử để xem active element.</p>
  <input type="text" value="Nhập văn bản...">
  <p id="myid"></p>
  <script>
    function display() {
      var a = document.activeElement.tagName;
      document.getElementById("myid").innerHTML = a;
    }
  </script>
</body>
</html>

Kết quả hiển thị

Nhấp vào tiêu đề, đoạn văn, hoặc ô nhập: tên thẻ (H2, P, INPUT) hiển thị bên dưới.