ویژگی keyCode رویداد KeyboardEvent

DOM واقعات KeyboardEvent

تعریف و استفاده

속عت کلید keyCode باز می‌گرداند انکریس ایوینٹ کد Unicode کلید کیبورد، یا فعال کردن onkeydown یا آپ کیپ ایوینٹ کلید کیبورد کد Unicode.

فرق بین دو نوع کد:

  • نویشتن کد - نماد عددی ASCII
  • کد کلید - نماینده عددی کلید واقعی کیبورد

این نوع‌ها همیشه به معنای یکسانی نیستند. به عنوان مثال، کلیدهای کیبورد "w" کوچک و "W" بزرگ کد کلیدهای یکسانی دارند، زیرا کلیدی که در کیبورد فشرده شده است مشابه است ("W" = عدد "87")، اما کد حرف‌ها متفاوت است، زیرا حرف نتیجه‌ای متفاوت دارد ("w" یا "W"، یعنی "119" یا "87"). - برای درک بهتر، لطفاً به مثال‌های زیر نگاه کنید.

توجه:برای اینکه بدانید آیا کاربر کلید قابل چاپی (مثلاً "a" یا "5") را فشرده است، پیشنهاد می‌شود از ویژگی این属性 در رویداد onkeypress استفاده کنید. برای اینکه بدانید آیا کاربر کلیدهای عملیاتی (مثلاً "F1"، "CAPS LOCK" یا "Home") را فشرده است، از رویدادهای onkeydown یا onkeyup استفاده کنید.

نکته:در Firefox، ویژگی keyCode برای رویداد onkeypress کار نمی‌کند (فقط 0 برمی‌گرداند). برای راه‌حل‌های بین مرورگرها، ویژگی whichبه عنوان مثال با keyCode استفاده شود:

var x = event.which || event.keyCode;  // استفاده از which یا keyCode بستگی به پشتیبانی مرورگر دارد

توجه:برای لیست تمامی کاراکترهای Unicode، لطفاً به پیشنهاد کامل Unicode.

توجه:اگر می‌خواهید ارزش Unicode را به حرف تبدیل کنید، از مетод fromCharCode().

نکته:این ویژگی فقط خواندنی است.

نکته:keycode و ویژگی which فقط برای سازگاری ارائه شده‌اند. نسخه‌های جدیدتر استاندارد رویداد DOM پیشنهاد می‌کند که از ویژگی key استفاده شود (اگر قابل دسترسی باشد).

توجه:اگر می‌خواهید بدانید که آیا کلید "ALT"، "CTRL"، "META" یا "SHIFT" در زمان وقوع رویداد کلید فشرده شده است، از altKey،ctrlKey/،metaKey یا shiftKey ویژگی‌ها.

مثال

مثال 1

برای دریافت ارزش Unicode کلید فشرده شده،:

var x = event.keyCode;

آپ خود کا کوشش کریں

مثال 2

استخدام onkeypress و onkeydown برای نمایش تفاوت بین کد حروف و کد کلیدها:

<input type="text" onkeypress="uniCharCode(event)" onkeydown="uniKeyCode(event)"> 
function uniCharCode(event) {
  var char = event.which || event.keyCode;
  document.getElementById("demo").innerHTML = "یونی کوڈ چارک کوئی: " + char;
}
function uniKeyCode(event) {
  var key = event.keyCode;
  document.getElementById("demo2").innerHTML = "یونی کوڈ KEY کوئی: " + key;
}

کیبورڈ پر "a" کلید پریس کریں (کپس لاک کا استعمال نہ کریں) جب تک چارک اور کلید کا نتیجہ یونی کوڈ کوئی 65 اور 97 ہوگا:

یونی کوڈ چارک کوئی 97
یونی کوڈ KEY کوئی 65

آپ خود کا کوشش کریں

مثال 3

اگر یوزر ایسکاپ کلید پریس کردا ہے تو کچھ متنی کا اعلان کریں:

<input type="text" onkeydown="myFunction(event)"> 
function myFunction(event) {
  var x = event.keyCode;
  if (x == 27) {  // 27 ہے ایسکاپ کلید
    alert ("آپ نے ایسکاپ کلید پریس کیا!");
  }
}

آپ خود کا کوشش کریں

مثال 4

یونی کوڈ کو چارک کا نمائندہ بنائیں (فونکشن کلیدوں کیلئے نہیں استعمال کئے جاتا ہے):

var x = event.keyCode;                // یونی کوڈ کو حاصل کریں
var y = String.fromCharCode(x);       // کوئی اقدار کو چارک کا نمائندہ بنائیں

آپ خود کا کوشش کریں

زبان نمائش

حدث.keyCode

تکنیکی تفصیلات

بازگشتی کار: نمبری اقدار، یونی کوڈ چارک کا یا یونی کوڈ کلید کا نمائندہ ہوتا ہے۔
DOM ویرسیون: DOM سطح 2 واقعات

براہرتی کا دائرہ

ویژگیاں کروم آئی ای فائرفاکس سافری آپریا
keyCode مدد مدد مدد مدد مدد

متعلقہ صفحات

HTML DOM مرجع کتاب:کلید بند ایوینٹ کا key پرپرتی

HTML DOM مرجع کتاب:کلید بند ایوینٹ کا charCode پرپرتی

HTML DOM مرجع کتاب:کلید بند ایوینٹ کا which پرپرتی

DOM واقعات KeyboardEvent