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获取键盘码并判断按键的主要内容,如果未能解决你的问题,请参考以下文章

Js判断键盘按键

js获取键盘编码

用js怎么写一个回车键盘事件

求键盘的所有按键对应的JS函数~~~!!!!或者提供网页键盘源代码!!

求高手解决:js如何判断鼠标左键是不是按下?

用js怎么写一个回车键盘事件?