كيفية التحقق من تشغيل مفتاح التحويل إلى الحروف الكبيرة

تعلم كيفية استخدام 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()