<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 <HTML>

 <HEAD>

     <TITLE>js 按键记录</TITLE>

 </HEAD>

 <BODY>

     <script type="text/javascript">

         var keystring = "";//记录按键的字符串

         function $(s) { return document.getElementById(s) ? document.getElementById(s) : s; }

         function keypress(e) {

             var currKey = 0, CapsLock = 0, e = e || event;

             currKey = e.keyCode || e.which || e.charCode;

             CapsLock = currKey >= 65 && currKey <= 90;

             switch (currKey) {

                 //屏蔽了退格、制表、回车、空格、方向键、删除键

                 case 8: case 9: case 13: case 32: case 37: case 38: case 39: case 40: case 46: keyName = ""; break;

                 default: keyName = String.fromCharCode(currKey); break;

             }

             keystring += keyName;

         }

         function keydown(e) {

             var e = e || event;

             var currKey = e.keyCode || e.which || e.charCode;

             if ((currKey > 7 && currKey < 14) || (currKey > 31 && currKey < 47)) {

                 switch (currKey) {

                     case 8: keyName = "[退格]"; break;

                     case 9: keyName = "[制表]"; break;

                     case 13: keyName = "[回车]"; break;

                     case 32: keyName = "[空格]"; break;

                     case 33: keyName = "[PageUp]"; break;

                     case 34: keyName = "[PageDown]"; break;

                     case 35: keyName = "[End]"; break;

                     case 36: keyName = "[Home]"; break;

                     case 37: keyName = "[方向键左]"; break;

                     case 38: keyName = "[方向键上]"; break;

                     case 39: keyName = "[方向键右]"; break;

                     case 40: keyName = "[方向键下]"; break;

                     case 46: keyName = "[删除]"; break;

                     default: keyName = ""; break;

                 }

                 keystring += keyName;

             }

             $("content").innerHTML = keystring;

         }

         function keyup(e) {

             $("content").innerHTML = keystring;

         }

         document.onkeypress = keypress;

         document.onkeydown = keydown;

         document.onkeyup = keyup;

     </script>

     <input type="text" />

     <input type="button" value="清空记录" onclick="$('content').innerHTML = '';keystring = '';" />

     <br />请按下任意键查看键盘响应键值：<span id="content"></span>

 </BODY>

 </HTML>

js实现键盘按键检测的更多相关文章

  1. Atitit.android js 的键盘按键检测Back键Home键和Menu键事件

    Atitit.android js 的键盘按键检测Back键Home键和Menu键事件 1. onKeyDown @Override public boolean onKeyDown(int keyC ...

  2. Atitit.js的键盘按键事件捆绑and事件调度

    Atitit.js的键盘按键事件捆绑and事件调度 1. Best的方法还是 objEvtMap[ id+evt ]=function(evt,element) 2. Event bind funct ...

  3. js模拟键盘按键事件

    var WshShell = new ActiveXObject('WScript.Shell') WshShell.SendKeys('{ }'); 说明:大括号内的是键盘上的按键如: 空格:{ } ...

  4. js中键盘按键对应的键值

    js键盘键值 keycode    8 = BackSpace BackSpace  keycode    9 = Tab Tab  keycode   12 = Clear  keycode   1 ...

  5. js屏蔽键盘按键

    3.1屏蔽键盘所有键 <script language="javascript"> <!-- function document.onkeydown(){ eve ...

  6. Js判断键盘按键

    该文转自: namehwh 网址:http://www.cnblogs.com/hanwenhua/articles/3365154.html window.document.onkeydown = ...

  7. js获取键盘按键响应事件(兼容各浏览器)

    <script type="text/javascript" language="JavaScript" charset="UTF-8" ...

  8. js获取及判断键盘按键的方法

    这篇文章主要介绍了js获取及判断键盘按键的方法,涉及JavaScript键盘事件的获取及键值的判定技巧,具有一定参考借鉴价值,需要的朋友可以参考下   本文实例讲述了js获取及判断键盘按键的方法.分享 ...

  9. JS 捕获 input 中 键盘按键

    JS 捕获 input 中 键盘按键 的相应处理事件是很简单的,google搜索一下很容易找到处理方式,请看如下一种简单的处理方式: HTML代码: <div> <input typ ...

随机推荐

  1. 【Java】synchronized与lock的区别

    从Java 5之后,在java.util.concurrent.locks包下提供了另外一种方式来实现同步访问,那就是Lock. 也许有朋友会问,既然都可以通过synchronized来实现同步访问了 ...

  2. 使用reqire.js 生成二维码

    最新项目中使用到 reqiure.js  ; 使用了一个月的感觉是: 这个确实是一个利器,如果会使用的话,能轻易理顺js之间的依赖关系,从而可以重复使用js,可以减少代码量,可以提升开发速度,但是  ...

  3. 一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](五)

    前言 Hi,大家好,我是Rector 时间飞逝,一个星期又过去了,今天还是星期五,Rector在图享网继续跟大家分享系列文本:一步一步创建ASP.NET MVC5程序[Repository+Autof ...

  4. 使用python写一个简单的C段扫

    纠结C段查询N久..刚刚拿骚棒FD去抓御剑的包,发现emmm...申请了必应的Key 然后去拿必应API查.这里疼[心]原本也想去弄的.但是人懒. 然后就没有然后了. 代码: 生成IP段的脚本图1 # ...

  5. linux（二）之linux常用命令一

    linux的命令非常之多,命令多就算了关键每个命令还有很多的参数.不过其实并不要去害怕它.你只要常去用,并且的话,大部分你只要记住命令,参数不记得我们可以去查帮助文档.加油吧!老帖们. 一.登入\登出 ...

  6. 2017 年“认证杯”数学中国数学建模网络挑战赛 C题思路讲解

    之前有小伙伴私信我叫我说说这次比赛C题的思路,怎么写的,我就写篇博客说说吧,仅供参考! 针对C题,该题目比较综合,是一个成熟的数模赛题,与国赛的相似性较高.一般而言,第一问难度较低,题目要求进行数据挖 ...

  7. JXLS 2.4.0系列教程（三）——嵌套循环是怎么做到的

    注:本文代码在第一篇文章基础上修改而成,请务必先阅读第一篇文章. http://www.cnblogs.com/foxlee1024/p/7616987.html 本文也不会过多的讲解模板中遍历表达式 ...

  8. [国嵌攻略][068][tftp网络协议实现]

    IP协议结构 UDP协议结构 TFTP协议结构 TFTP端口 读写请求端口: 69 其他请求端口:1024~65535 主程序 /*********************************** ...

  9. JQeury添加和删除class内部实现代码（简化版）

    下面是JQuery对元素class操作的简单实现,请看代码: 添加class: //增加class function addClass(elem,value) { var classes, cur, ...

  10. Version 1.7.0_80 of the JVM is not suitable for this product.Version: 1.8 or greater is required.

    Eclipse启动失败,设置eclipse启动jdk有2种方法 第一种: 直接安装eclipse对应的jdk版本,并设置环境变量 第二种: 修改eclipse配置文件eclipse.ini 在plug ...