خصوصية charCode لحدث KeyboardEvent

أحداث DOM KeyboardEvent

التعريف والاستخدام

خصوصية charCode تعود بالقيمة حدث onkeypress للحرف Unicode الخاص بالمفتاح.

رقم Unicode هو رقم حرف (مثل الرقم "97" يمثل الحرف "a").

نصيحة:للحصول على قائمة بجميع الأحرف Unicode، يرجى الرجوع إلى مرجع Unicode الكامل.

نصيحة:إذا كنت ترغب في تحويل قيمة Unicode إلى حرف، استخدم طريقة fromCharCode().

ملاحظة:إذا تم استخدام هذه الخاصية onkeydown أو onkeyup للمستويات التي يتم فيها استخدام هذا الخصوصية، فإن القيمة دائمًا تكون "0".

ملاحظة:خصوصية هذه الخاصية قابلة للقراءة فقط.

ملاحظة:IE8 وأحدث إصداراتها لا تدعم خاصية charCode. ولكن، يمكنك استخدام خاصية keyCodeأو، للتحديد حلاً متوافقًا مع المتصفحات المختلفة، يمكنك استخدام الكود التالي:

var x = event.charCode || event.keyCode; // استخدم charCode أو keyCode بناءً على دعم المتصفح

نصيحة:يمكنك أيضًا استخدام خاصية keyCode للتحقق من المفاتيح الخاصة (مثل مفتاح التبديل الكبير أو مفاتيح الاتجاه). ولكن، يُقدم خاصيتي keyCode و charCode فقط للتوافق. يُنصح باستخدام خاصية key (إذا كانت متاحة) في معيار DOM الحدث الأحدث.

نصيحة:إذا كنت ترغب في معرفة ما إذا تم ضغط "ALT" أو "CTRL" أو "META" أو "SHIFT" عند حدوث أحداث الضغط على المفاتيح، استخدم altKey،ctrlKey/،metaKey أو shiftKey الخصائص.

مثال

مثال 1

الحصول على القيمة Unicode للزر المضغط:

var x = event.charCode;

جرب بنفسك

مثال 2

حل متعدد المتصفحات للحصول على القيمة Unicode للزر المضغط:

// إذا كان المتصفح يدعم، يستخدم charCode، وإلا يستخدم keyCode (للمتصفح IE8 وأحدث إصداراته)
var x = event.charCode || event.keyCode;

جرب بنفسك

مثال 3

إذا ضغط المستخدم على مفتاح "O"، أظهر بعض النصوص:

function myFunction(event) {
  var x = event.charCode || event.keyCode;
  if (x == 111 || x == 79) { // o هو 111،O هو 79
    alert("أضغطت على مفتاح 'O'!");
  }
}

جرب بنفسك

مثال 4

تحويل القيمة Unicode إلى حرف:

var x = event.charCode || evt.keyCode;   // الحصول على القيمة Unicode
var y = String.fromCharCode(x);          // تحويل القيمة إلى حرف

جرب بنفسك

النحو

event.charCode

تفاصيل تقنية

القيمة المعدة: قيمة رقمية، تعبر عن رمز الحرف Unicode.
إصدار DOM: أحداث مستوى 2 DOM

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذه الخاصية بشكل كامل.

الخصائص Chrome IE Firefox Safari Opera
charCode الدعم 9.0 الدعم الدعم الدعم

الصفحات ذات الصلة

دليل HTML DOM:خصائص key Event Keyboard

دليل HTML DOM:خصائص keyCode Event Keyboard

دليل HTML DOM:خصائص which Event Keyboard

أحداث DOM KeyboardEvent