Javascript获取键盘的KeyCode

最新推荐文章于 2023-06-24 16:24:14 发布

tughluq

最新推荐文章于 2023-06-24 16:24:14 发布

阅读量1.1k

点赞数

分类专栏： JavaScript 文章标签： javascript 浏览器 function ie query input

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍JavaScript如何捕获键盘按键事件并获取按键值。通过不同浏览器兼容性处理，展示了如何使用 keyCode 和 which 属性来确定按下的是哪个键，并提供了一些常见按键的 keyCode 对照表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Javascript获取键盘的KeyCode

把索引值转化成该键的字母或数字值，写：

　 String.fromCharCode(e.which)

一个测试键盘上各键对应的ASCII代码的页面

<html>
<head>

<script>
function show(){
       alert("刚才输入键的ASCII代码是："+event.keyCode);
      }
</script>
<body>
    <form >
      <input type=text     onkeydown="show()">
    </form>

</body>
</html>

常见值

if(event.keyCode==32){realkey=’/’ 空格/’’}
    if(event.keyCode==13){realkey=’/’ 回车/’’}
    if(event.keyCode==27){realkey=’/’ Esc/’’}
    if(event.keyCode==16){realkey=’/’ Shift/’’}
    if(event.keyCode==17){realkey=’/’ Ctrl/’’}
    if(event.keyCode==18){realkey=’/’ Alt/’’}

用输入键控制程序的脚本：

function find(key_event){

    //如果是按下了回车键
    if (key_event.keyCode == 13){
        //响应事件：document.getElementById('cb_query').click();
        return false;
    }
}

简单获取键盘的KeyCode

前言：
1、上几次讨论右键禁止等问题的时候，有网友问那里有键值表，我今天写了一个javascript，以飨各位有需要者。
2、适用于ns浏览器和ie浏览器。
3、代码行。

<html>

<head>
<script language="javascript">
    ns4 = (document.layers) ? true : false;
    ie4 = (document.all) ? true : false;
function keyDown(e){
    if(ns4){
    var nkey=e.which;
    var iekey='现在是ns浏览器';
    var realkey=String.fromCharCode(e.which);
}
    if(ie4){
    var iekey=event.keyCode;
    var nkey='现在是ie浏览器';
    var realkey=String.fromCharCode(event.keyCode);
    if(event.keyCode==32){realkey='/' 空格/''}
    if(event.keyCode==13){realkey='/' 回车/''}
    if(event.keyCode==27){realkey='/' Esc/''}
    if(event.keyCode==16){realkey='/' Shift/''}
    if(event.keyCode==17){realkey='/' Ctrl/''}
    if(event.keyCode==18){realkey='/' Alt/''}
}
    alert('ns浏览器中键值:'+nkey+'/n'+'ie浏览器中键值:'+iekey+'/n'+'实际键为'+realkey);
}
document.onkeydown = keyDown;
if(ns4){
document.captureEvents(Event.KEYDOWN);}
</script>
</head>
<body>
//Javascript Document
<hr>
<center>
<h3>请按任意一个键。。。。</h3>
</center>
</body>
</html>

4、运行行。