<!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. C#学习笔记-建造者模式

    题目:用程序画一个小人. 实现: public partial class Form1 : Form { public Form1() { InitializeComponent(); } priva ...

  2. Zabbix实战-简易教程--排错(持续收集中)

    一.安装错误 1.zabbix 安装故障之无法跳到下一步或点击下一步没反应 执行命令:chownnginx:nginx /var/lib/php/session/ -R   2.proxy上无法采集交 ...

  3. K：平衡二叉树(AVL)

    相关介绍:  二叉查找树的查找效率与二叉树的形状有关,对于按给定序列建立的二叉排序树,若其左.右子树均匀分布,则查找过程类似于有序表的二分查找,时间复杂度变为O(log2n).当若给定序列原来有序,则 ...

  4. Java想要学到精通，这几点一定要掌握

    时代更新换代速度如此之快,尤其是深处互联网行业的java程序员,技术更需要不断更新,只有及时充电,才能不被市场淘汰.千锋Java培训老师今天为大家分享Java程序员学习的6个小技巧. 1.书籍永远是知 ...

  5. spring使用之旅（一） ---- bean的装配

           基础配置 启用组件扫描配置                     Java类配置文件方式 package com.springapp.mvc.application;   import ...

  6. 【JavaScript数组】

    1.什么是数组--Array 数组就是一组数据的集合 其表现形式就是内存中的一段连续的内存地址 数组名称其实就是连续内存地址的首地址 2.关于js中的数组特点 数组定义时无需指定数据类型 数组定义时可 ...

  7. Redux 核心概念

    http://gaearon.github.io/redux/index.html ,文档在 http://rackt.github.io/redux/index.html .本文不是官方文档的翻译. ...

  8. JavaScript 模块化历程

    这是一篇关于js模块化历程的长长的流水账,记录js模块化思想的诞生与变迁,展望ES6模块化标准的未来.经历过这段历史的人或许会感到沧桑,没经历过的人也应该知道这段历史. 无模块时代 在ajax还未提出 ...

  9. Java简历与面试

    尊重原创:http://blog.csdn.net/love_java_cc/article/details/78292347 Java就业指导   想要成为合格的Java程序员或工程师到底需要具备哪 ...

  10. md5加密以及可逆的加密解密算法

    md5加密 package gov.mof.fasp2.gcfr.adjustoffset.adjust; import java.security.MessageDigest; public cla ...