JS获取键盘码并判断按键
Posted 桃花灬仙人
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS获取键盘码并判断按键相关的知识，希望对你有一定的参考价值。
本文涉及语法：
onkeydown //当键盘按下 onkeyup //当键盘被松开 onkeypress //按键被按下并释放一个键时 even.keyCode //获取键盘码 String.fromCharCode() //可接受一个可指定的unicode值，返回一个字符串
代码如下：
<!doctype html> <html lang="zh-en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>原生javascript键盘事件</title> <link rel="icon" href="http://tools.renpengpeng.com/favicon.ico" /> <style> *{ padding:0; padding-top:10px; margin:0; text-align:center; } #jp,#jptxt { margin-top:30px; width:500px; heihgt:300px; margin:0 auto; } </style> </head> <body> <div id="jp">请按下键盘</div> <div id="jptxt"></div> <script> //获取键盘按下并激活函数 document.onkeydown = function(even){ //获取键盘码 var jpCode = even.keyCode; //获取键盘上的字母键盘的字母 var keychar=String.fromCharCode(jpCode); alert(keychar); //把页面上的id声明到变量中 var jpCodeTxt = document.getElementById(\'jptxt\') //打印键盘码到页面上 document.getElementById(\'jp\').innerHTML = jpCode; //开始switch循环 ** 用于中文提示 switch(jpCode){ case 8: jpCodeTxt.innerHTML = "你按了删除键（Backspace）"; break; case 13: jpCodeTxt.innerHTML = "你按了确定键（Enter）"; break; case 18: jpCodeTxt.innerHTML = "你按了ALT"; break; default: jpCodeTxt.innerHTML = "鬼知道你按了什么"; break; } } </script> </body> </html>
转自：https://blog.csdn.net/u012038147/article/details/78120922?locationNum=8&fps=1
以上是关于JS获取键盘码并判断按键的主要内容，如果未能解决你的问题，请参考以下文章