<!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. SpringMVC连接MongoDB操作数据库

    <?xml version="1.0" encoding="UTF-8"?> <!-- Licensed to the Apache Soft ...

  2. 【Html5】-- 塔台管制

    想做这个游戏已久,今天终于初步完成,先解释下,这是一个模拟机场塔台管制指挥的游戏,飞机从不同的方向飞入管制空域,有不同的目的地,飞机名称最后一个字母表示飞机要到达的目的地,分ABCD和R.A-D表示四 ...

  3. Hadoop（十五）MapReduce程序实例

    一.统计好友对数(去重) 1.1.数据准备 joe, jon joe , kia joe, bob joe ,ali kia, joe kia ,jim kia, dee dee ,kia dee, ...

  4. 洛谷 P1553 数字反转（升级版）【字符串+STL stack】

    P1553 数字反转(升级版) 题目描述 给定一个数,请将该数各个位上数字反转得到一个新数. 这次与NOIp2011普及组第一题不同的是:这个数可以是小数,分数,百分数,整数.整数反转是将所有数位对调 ...

  5. C/C++中peek函数的原理及应用

    C++中的peek函数 该调用形式为cin.peek() 其返回值是一个char型的字符,其返回值是指针指向的当前字符,但它只是观测,指针仍停留在当前位置,并不后移.如果要访问的字符是文件结束符,则函 ...

  6. vuex使用心得分享（填坑）

    今天我们简单说一下vuex的使用,vuex是什么呢,相当于react的redux,如果项目使用数据过多的话,直接管理是非常不方便的,那么采用vuex,那些繁琐的问题就迎刃而解了,首先我们先看看官方对v ...

  7. JS——判断一个对象是否为空

    判断一个对象是否为空对象,本文给出三种判断方法: 1．最常见的思路,for...in...遍历属性,为真则为"非空数组":否则为"空数组" 2.通过JSON自带 ...

  8. [国嵌笔记][026][ARM伪指令]

    ARM机器码 1.汇编程序通过汇编器变成机器码,然后才能在ARM处理器上运行 2.ARM机器码是一个32位的数,被分成了多个段,每个段都有各自的含义 3.格式: cond:表示条件(4位) I:表示源 ...

  9. Spider_Man_2 の requests模块

    一:自我介绍

  10. POJ 3278 Catch That Cow（模板——BFS）

    题目链接:http://poj.org/problem?id=3278 Description Farmer John has been informed of the location of a f ...