Cách thực hiện - Phát hiện Caps Lock
Tìm hiểu cách tìm hiểu xem mũ khóa có được bật trong trường nhập bằng JavaScript hay không.
Phát hiện nếu Caps Lock đang bật
Hãy thử nhấn phím "Caps Lock" bên trong trường nhập:
CẢNH BÁO! Caps lock đang BẬT.
Ví dụ
// Get the input field
var input = document.getElementById("myInput");
// Get the warning text
var text = document.getElementById("text");
// When the user presses any key on the keyboard, run the function
input.addEventListener("keyup", function(event) {
// If "caps
lock" is pressed, display the warning text
if (event.getModifierState("CapsLock"))
{
text.style.display = "block";
} else {
text.style.display = "none"
}
});
Hãy tự mình thử »Mẹo: Đọc thêm về phương thức getModifierState() trong Tài liệu tham khảo sự kiện JavaScript của chúng tôi - getModifierState() .