KeyboardEvent keyCode এপ্রোপার্টি

পরিভাষা ও ব্যবহার

keyCode এপ্রোপার্টি ট্রিগার onkeypress ইভেন্ট কীবোর্ডের ইউনিকোড অক্ষর কোড, বা ট্রিগার onkeydownonkeyup ইভেন্ট কীবোর্ডের ইউনিকোড কীবোর্ড কোড。

দুইটি কোড শ্রেণীর পার্থক্য:

  • চরিত্র কোড - এসিআই চরিত্রের সংখ্যা
  • 按键代码 - 代表键盘上实际键的数字

这些类型并不总是意味着同样的事情。例如,小写 "w" 和大写 "W" 的键盘代码相同,因为在键盘上按下的键是相同的("W" = 数字 "87"),但字符代码不同,因为 resulting 字符是不同的("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" 键,请使用 altKeyctrlKey/、metaKeyshiftKey 属性。

实例

例子 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 = "Unicode CHARACTER code: " + char;
}
function uniKeyCode(event) {
  var key = event.keyCode;
  document.getElementById("demo2").innerHTML = "Unicode KEY code: " + key;
}

কীবোর্ডের "a" কীবোর্ডকে প্রভাব করলে (Capslock ব্যবহার না করলে), char এবং key এর ফলাফল হবে:

Unicode CHARACTER code: 97
Unicode KEY code: 65

আপনার নিজেই প্রয়োগ করুন

উদাহরণ 3

যদি ব্যবহারকারী এসসি কী প্রভাব করে, তবে কিছু টেক্সট প্রদর্শিত করুন:

<input type="text" onkeydown="myFunction(event)"> 
function myFunction(event) {
  var x = event.keyCode;
  if (x == 27) {  // 27 হল ESC কী
    alert ("You pressed the Escape key!");
  }
}

আপনার নিজেই প্রয়োগ করুন

উদাহরণ 4

Unicode মানকে অক্ষরে রূপান্তরিত করুন (ফাংশন কীবোর্ড কোডগুলির জন্য নয়):

var x = event.keyCode;                // Unicode মান পাওয়া
var y = String.fromCharCode(x);       // মানকে অক্ষরে রূপান্তরিত করুন

আপনার নিজেই প্রয়োগ করুন

ব্যবহারিক কার্যক্রম

event.keyCode

প্রযুক্তিগত বিবরণ

ফলাফলঃ সংখ্যাগত মান, যা Unicode অক্ষর কোড বা Unicode কীবোর্ড কোড হিসাবে প্রকাশ করা হয়。
DOM সংস্করণঃ DOM Level 2 Events

ব্রাউজার সমর্থন

বৈশিষ্ট্য Chrome IE Firefox Safari Opera
keyCode সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন

সংশ্লিষ্ট পাতা

HTML DOM সংক্ষিপ্ত বিভাগঃKeyboardEvent key বৈশিষ্ট্য

HTML DOM সংক্ষিপ্ত বিভাগঃKeyboardEvent charCode বৈশিষ্ট্য

HTML DOM সংক্ষিপ্ত বিভাগঃKeyboardEvent which বৈশিষ্ট্য