KeyboardEvent keyCode Property

<كائن الحدث

مثال

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

var x = event.keyCode;

نتيجة لس يمكن أن يكون:

119 // 119 is the character "w"

انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.

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

الخاصية الرمز الرئيسي بإرجاع رمز حرف Unicode من المفتاح الذي تسبب في onkeypress الحدث، أو يونيكود رمز مفتاح من المفتاح الذي تسبب في عند_ضغط_مفتاح أو onkeyup الحدث.

الفرق بين أنواع كود اثنين:

رموز الأحرف - عدد الذي يمثل حرف ASCII
رموز رئيسية - والعدد الذي يمثل المفتاح الفعلي على لوحة المفاتيح

هذه الأنواع لا يعني دائما نفس الشيء. على سبيل المثال، الحالة الأدنى "w" وحالة العلوي "W" لديهم نفس رمز لوحة المفاتيح، لأنه المفتاح الذي يتم الضغط على لوحة المفاتيح هو نفسه (just "W" = the number "87") ، ولكن مختلفة رمز الحرف لأن الحرف الناتج هو مختلفة (إما "w" أو "W" ، وهو "119" أو "87") - انظر "More Examples" أدناه لفهم أفضل.

نصيحة: لمعرفة إذا كان المستخدم بالضغط على مفتاح طباعة (على سبيل المثال "a" أو "5")، فمن المستحسن استخدام هذه الخاصية على الحدث onkeypress. لمعرفة ما إذا كان المستخدم هو الضغط على مفتاح وظيفة (على سبيل المثال "F1" ، "CAPS LOCK" أو "الوطن") استخدام عند_ضغط_مفتاح أو onkeyup الحدث.

ملاحظة: في فايرفوكس، الخاصية الرمز الرئيسي لللا يعمل على الحدث onkeypress (will only return 0) . للحصول على حل عبر متصفح، استخدم التي الخاصية مع الرمز الرئيسي، على سبيل المثال:

var x = event.which || event.keyCode; // Use either which or keyCode , depending on browser support

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

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

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

ملاحظة: يتم توفير كلا في keyCode والتي الملكية من أجل التوافق فقط. أحدث نسخة من مواصفات DOM الأحداث يوصي باستخدام مفتاح الملكية بدلا من ذلك (if available) .

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

دعم المتصفح

خاصية
keyCode	نعم فعلا	نعم فعلا	نعم فعلا	نعم فعلا	نعم فعلا

بناء الجملة

event .keyCode

تفاصيل تقنية

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

مزيد من الأمثلة

مثال

باستخدام onkeypress وعند_ضغط_مفتاح لإظهار الاختلافات بين رموز أحرف ورموز لوحة المفاتيح:

<input type="text" onkeypress="uniCharCode(event)" onkeydown="uniKeyCode(event)">

function uniCharCode(event) {
    var char = event.which || event.keyCode;
    document.getElementById("demo").innerHTML = "Unicode CHARACTER code: " + char;
}

function uniKeyCode(event) {
    var key = event.keyCode;
    document.getElementById("demo2").innerHTML = "Unicode KEY code: " + key;
}

عند الضغط على "a" مفتاح على لوحة المفاتيح (not using caps lock) ، ونتيجة لشار وسوف يكون المفتاح:

Unicode CHARACTER code: 97
Unicode KEY code: 65

انها محاولة لنفسك »

مثال

تنبيه بعض النص إذا كان المستخدم بالضغط على مفتاح الهروب:

<input type="text" onkeydown="myFunction(event)">

function myFunction(event) {
    var x = event.keyCode;
    if (x == 27) { // 27 is the ESC key
        alert ("You pressed the Escape key!");
    }
}

انها محاولة لنفسك »