วิธีการ - ตรวจหา Caps Lock
เรียนรู้วิธีค้นหาว่า capslock อยู่ในฟิลด์อินพุตด้วย JavaScript หรือไม่
ตรวจสอบว่า Caps Lock เปิดอยู่หรือไม่
ลองกดปุ่ม "Caps Lock" ในช่องป้อนข้อมูล:
คำเตือน! Caps lock เปิดอยู่
ตัวอย่าง
// 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"
}
});
เคล็ดลับ:อ่านเพิ่มเติมเกี่ยวกับเมธอด getModifierState() ในการอ้างอิงเหตุการณ์ JavaScript ของเรา - getModifierState( )