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

آموزش نحوه استفاده از 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"
  }
);

تست شخصی بکنید

صفحات مرتبط

دستورالعمل‌های مرجع:روش MouseEvent getModifierState()