Javascript 如何获取键盘的按键

最新推荐文章于 2024-05-10 08:00:37 发布
最新推荐文章于 2024-05-10 08:00:37 发布
阅读量802 收藏 2
点赞数
分类专栏： Javascript_study 文章标签： javascript 浏览器 ie function query input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaohongyangOK/article/details/6112234
版权

<script type="text/javascript" language="javascript">

function keyDown(e){ 
ns4 = (document.layers) ? true : false;
    ie4 = (document.all) ? true : false;
if (ns4){ 
var nKey=e.which; 
if (nkey == "13"){
   checkuser();
   //return false;
}
} 
if (ie4){ 
   var ieKey=event.keyCode; 
   if (ieKey == "13"){
    checkuser();
    //return false;
   }
} 
}
document.onkeydown = keyDown;

</script>

      相关讲解：

     Javascript获取键盘的KeyCode

把索引值转化成该键的字母或数字值，写： 
   
   　 String.fromCharCode(e.which)


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

<html>
<head>

<script> 
function show(){ 
       alert("刚才输入键的ASCII代码是："+event.keyCode); 
      } 
</script>
<body>
    <form >
      <input type=text     οnkeydοwn="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;
    }
}


    相关实例：
<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>

     思考：到这里应该很清楚了，那么我们是不是要思考一下，比如页面上上有两个需要提交的项目：比如一个是文章搜索，一个是用户登录，如果你全不采用form的提交按钮，你该如何利用获取键盘信息区去处理呢？

一米阳光_
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取及判断键盘按键的方法
01-19
本文实例讲述了js获取及判断键盘按键的方法。分享给大家供大家参考，具体如下： js 里面的键盘事件经常用到，所以收集了键盘事件对应的键码来分享下： keyCode 8 = BackSpace BackSpace keyCode 9 = Tab Tab keyCode 12 = Clear keyCode 13 = Enter keyCode 16 = Shift_L keyCode 17 = Control_L keyCode 18 = Alt_L keyCode 19 = Pause keyCode 20 = Caps_Lock keyCode 27 = Escape Escape key
js获取键盘按键事件、判断键盘按键事件、调用键盘按键事件
文龙刚的博客
12-16 2961
js获取键盘按键事件、判断键盘按键事件、调用键盘按键事件
js获取键盘键值
热门推荐
grace的专栏
05-28 1万+
1.获取键盘的码值 function onkeydown_at_phone(event) { alert(event.keyCode);   } 2.对按钮进行监听 function onkeydown_at_phone(event) {   var prev = document.getElementById("prev");   var next = do
前端实战11：JS获取按键的键盘码信息
最新发布
前端开发博客
05-10 513
大家好，我是宝哥。今天要分享的是前端实战项目系列中的第11个项目，一个关于事件键码的有趣实验。下面是具体的实现代码，包括HTML、CSS和JavaScript。这个项目来源于Brad Traversy的GitHub仓库，一个包含50个迷你Web项目的集合，每个项目都使用HTML、CSS和JavaScript实现。这些项目旨在帮助开发者通过实践提升前端技能。项目介绍本项目旨在演示如何获取键盘按下时的...
JavaScript获取键盘按键的键码(参照表)
10-20
JS获取键盘按键的键码event.keyCode，记录-方便查找。需要的朋友参考下本教程吧
javascript 响应键盘特定按键(只响应数字键)
10-30
在JavaScript中，响应键盘特定按键通常涉及到事件监听和键盘事件对象的使用。在这个场景中，我们专注于只响应数字键的输入，例如用户在输入框中输入数字时，允许数字键、退格键、小数点（如果需要）以及其他一些基本...
Javascript 检测键盘按键信息及键码值对应介绍
10-27
本文将深入探讨如何使用JavaScript来检测键盘按键信息以及键码值。 首先，JavaScript中用于键盘事件的三个主要事件句柄是`keydown`、`keypress`和`keyup`。这些事件分别对应于键盘输入的不同阶段： 1. `keydown`...
js获取键盘按键响应事件(兼容各浏览器)
10-27
以下内容将详细介绍如何使用JavaScript捕获键盘按键事件，并确保代码能够在不同的浏览器环境下正常工作。 首先，我们需要了解几种基本的键盘事件监听方法。最常见的是onkeydown事件，它在用户按下键盘键时触发。...
JS获取键盘上任意按键的值
后花园的潜水井
05-21 274
&lt;script language="javascript"&gt;  function keyDown()  {     var keycode =event.keyCode;     var keychar=String.fromCharCode(keycode);     alert('ASCII='+keycode+'\nKeyChar='+keychar);   }    do...
js中获取键盘事件的简单实现方法
11-29
[removed] [removed]=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27){ // 按 Esc //要做的事情 } if(e && e.keyCode==113){ // 按 F2 //要做
如何用JS获取键盘上任意按键的值
teresa502的专栏
04-02 3430
function keyUp(){ if(navigator.appName == "Microsoft Internet Explorer"){ 　　 　　 var keycode = event.keyCode; 　　 　　 　　 　　 }else{ 　　 　　 varkeycode = keyUp.caller.argument
js获取键盘输入的方法
sddycai的博客
11-01 324
vue
JavaScript 键盘的按键事件
YANG_helloworld的博客
02-06 4437
键盘的按键事件
JS判断键盘按键
luoyu6的博客
10-29 1784
获取键盘的键码的方法如下： window.document.onkeydown = disableRefresh;         function disableRefresh(e) {             e = (e) ? evt : window.event             alert(evt.keyCode)    //按下键盘任意键，都会弹出对应键码         ...
js 获取任意键盘的值
liuhanfeng123的专栏
03-06 980
用js来捕获回车事件结果忘了怎么用。平时还是写少了，放在这以后就不会忘了。   function keyDown(){  var keyCode = event.keyCode;  alert(keyCode); if(keyCode == 13){        //....... 要执行的条件 } } //捆绑事件 document.onkeydown = keyDown;
javascript 键盘键码表
troy-J2EE 的博客
06-02 604
键码0 = 键码1 = 键码2 = 键码3 = 按键代码4 = 键码5 = 键码6 = 键码7 = 退格键退格键码8 = 键码9 =选项卡标签 键码10 = 键码11 = 键码12 =清除 键码13 =输入 键码14 = 键码15 = 键码16 = Shift_L 键码17 = Control_L 键码18 = Alt_L 键码19 =暂停 键码20 = Caps_Lock 键码21 = 键码22 = 键码23 = 键码24 =
html5获取键盘并设置触发事件，通过指定键添加事件
weixin_30734435的博客
07-24 641
首先我们通过添加一个 弹出框获取键盘对应的编码，不同的电脑，编码是不一样的，例如宏碁和联想就不一样 //打印当前按下键的编号 alert(e.code); 然后整个按下事件及弹起事件： function keyDown(e){ //打印当前按下键的编号 // 跳 if(g_hero.isdie==1)retu...
JavaScript 键盘事件
tianluye的博客
12-30 558
JavaScript 键盘事件 1、onkeypress 事件：当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] Insert title here function displayKey(e) { if (e.keyCode) keyCode = e.keyCode; else keyCode = e.which; cha
JavaScript 键盘与鼠标按键对应代码表
这份资源提供了一个详细的对照表，列出了不同键盘按键和鼠标操作对应的JavaScript事件属性值。以下是其中的一些关键知识点： 1. **键盘按键与Keycode**： - `event.key`：表示用户按下的键的名称，例如 `'p'` 对应...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值