Cách kiểm tra大写锁定

Học cách sử dụng JavaScript để kiểm tra xem大写锁定 đã mở trong hộp nhập hay chưa.

Kiểm tra xem大写锁定是否已开启

thử nhấn phím "Caps Lock" trong hộp nhập:

CẢNH BÁO! Caps lock đang MỞ.

thực hành

// Lấy trường nhập
var input = document.getElementById("myInput");
// Lấy văn bản cảnh báo
var text = document.getElementById("text");
// Khi người dùng nhấn bất kỳ phím nào trên bàn phím, chạy hàm này
input.addEventListener("keyup", function(event) {
  // Nếu đã nhấn "Caps Lock", hiển thị văn bản cảnh báo
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
);

thử trực tiếp

Trang liên quan

Tài liệu tham khảo:Phương thức MouseEvent getModifierState()