<!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. [wiki]CDN

    内容分发网 内容分发网络(Content delivery network或Content distribution network,缩写:CDN)是指一种通过互联网互相连接的电脑网络系统,利用最靠近 ...

  2. 阿里云正式上线移动直播问答解决方案，助力APP尽情“撒币”！

    2018年伊始,互联网圈就刮起了一阵"大佬狂撒币,网友喜答题"的热潮.以映客芝士超人等为代表的直播问答平台,通过答题分奖金的互动模式,迅速引爆网络热点.随后,多个直播和视频平台也上 ...

  3. faster-rcnn在编译时遇到的一些问题

    1.在安装faster-rcnn事如果报这种错误 In file included :, , , , , , : ./include/caffe/util/cudnn.hpp: In function ...

  4. 使用Android-PullToRefresh实现下拉刷新功能

    源代码:https://github.com/chrisbanes/Android-PullToRefresh 一. 导入类库 将Library文件夹作为Android项目Import到Eclipse ...

  5. --------驱动开发之 ObReferenceObjectByName() 故障排查--------

    ------------------------------------------------------ 在写 filter driver 或 rootkit 时,经常需要 attach 到设备栈 ...

  6. PostgreSQL=>递归查询

    PostgreSQL=>递归查询 转载请注明源地址:http://www.cnblogs.com/funnyzpc/p/8232073.html 距上次博客更新刚好两周,这两周发生了很多,比如: ...

  7. 【Java学习笔记之七】java函数的语法规则总结

    函数的概述 发现不断进行加法运算,为了提高代码的复用性,就把该功能独立封装成一段独立的小程序,当下次需要执行加法运算的时候,就可以直接调用这个段小程序即可,那么这种封装形形式的具体表现形式则称作函数. ...

  8. BZOJ 3098: Hash Killer II(新生必做的水题)

    3098: Hash Killer II Time Limit: 5 Sec  Memory Limit: 128 MBSec  Special JudgeSubmit: 1555  Solved: ...

  9. Vijos P1784 数字统计【模拟】

    数字统计 背景 来自 NOIP2010 普及组 第一题 描述 请统计某个给定范围[L, R]的所有整数中,数字2出现的次数. 比如在给定范围[2, 22],数字2在数2中出现了1次,在数12中出现了1 ...

  10. [bzoj3124] [Sdoi2013]直径

    看了child学长的题解才知道怎么写TAT http://www.cnblogs.com/ctlchild/p/5160272.html 以前不知道直径都是过重心的..代码改着改着就和标程完全一样了Q ...