چگونه کلید بزرگ‌نویسی را بررسی کنیم

یاد بگیرید که چگونه با استفاده از JavaScript بررسی کنید که کلید بزرگ‌نویسی در فیلد ورودی باز است یا خیر.

بررسی کنید که کلید بزرگ‌نویسی فعال است یا خیر

سعی کنید کلید "Caps Lock" را در فیلد ورودی فشار دهید:

اخطار! کلید Caps Lock روشن است.

مثال

// فیلد ورودی را بدست آورید
var input = document.getElementById("myInput");
// متن هشدار را بدست آورید
var text = document.getElementById("text");
// هنگامی که کاربر هر کلید روی صفحه کلید را فشار می‌دهد، این تابع را اجرا کنید
input.addEventListener("keyup", function(event) {
  // اگر کلید "Caps Lock" فشرده شده باشد، متن هشدار را نمایش دهید
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
);

پرواز خود را امتحان کنید

صفحات مرتبط

منابع مرجع:روش getModifierState()MouseEvent