Js键盘事件全面控制,回车按键事件,键盘对应按键码,按键事件兼容各个浏览器。

作者:827969653

在网上查询的按键码如下:

一、键盘按键和键盘对应代码表:
 
字母按键码A <--------> 65 B <--------> 66 C <--------> 67 D <--------> 68 E <--------> 69 F <--------> 70 G <--------> 71 H <--------> 72 I <--------> 73 J <--------> 74 K <--------> 75 L <--------> 76 M <--------> 77 N <--------> 78 O <--------> 79 P <--------> 80 Q <--------> 81 R <--------> 82 S <--------> 83 T <--------> 84 U <--------> 85 V <--------> 86 W <--------> 87 X <--------> 88 Y <--------> 89 Z <--------> 90 0 <--------> 48 1 <--------> 492 <--------> 50 3 <--------> 51 4 <--------> 52 5 <--------> 53 6 <--------> 54 7 <--------> 55 8 <--------> 56 9 <--------> 57 
 
数字按键码数字键盘 1 <--------> 96 数字键盘 2 <--------> 97 数字键盘 3 <--------> 98 数字键盘 4 <--------> 99 数字键盘 5 <--------> 100 数字键盘 6 <--------> 101 数字键盘 7 <--------> 102 数字键盘 8 <--------> 103 数字键盘 9 <--------> 104 数字键盘 0 <--------> 105 
 
运算符按键码乘号 <--------> 106 加号 <--------> 107 Enter <--------> 108 减号 <--------> 109 小数点 <--------> 110 除号 <--------> 111 
F1 <--------> 112 F2 <--------> 113 F3 <--------> 114 F4 <--------> 115 F5 <--------> 116 F6 <--------> 117 F7 <--------> 118 F8 <--------> 119 F9 <--------> 120 F10 <--------> 121 F11 <--------> 122 F12 <--------> 123 F13 <--------> 124 F14 <--------> 125 F15 <--------> 126 Backspace <--------> 8 Tab <--------> 9 Clear <--------> 12 Enter <--------> 13 Shift <--------> 16 Control <--------> 17 Alt <--------> 18 Caps Lock <--------> 20 Esc <--------> 27 空格键 <--------> 32 Page Up <--------> 33 Page Down <--------> 34 End <--------> 35 Home <--------> 36 左箭头 <--------> 37 向上箭头 <--------> 38 右箭头 <--------> 39 向下箭头 <--------> 40 Insert <--------> 45 Delete <--------> 46 Help <--------> 47 Num Lock <--------> 144 ; : <--------> 186 = + <--------> 187 - _ <--------> 189 / ? <--------> 191 ` ~ <--------> 192 [ { <--------> 219 | <--------> 220 ] } <--------> 221 ‘‘ ‘ <--------> 222
二、下面展示一个案例兼容性比较好的一段代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function keydownMsg(evt) {
            evt = (evt) ? evt : ((window.event) ? window.event : "")
            keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which : evt.charCode);
            if (keyCode == 13) {
                alert(document.getElementById("txtmsg").value);//回车键弹出文本框信息
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="txtmsg" onkeydown="keydownMsg(event)" type="text" />
    </div>
    </form>
</body>
</html>

三、10个用来处理键盘事件的JQuery插件和JS类库

   1、Mousetrap 
      Mousetrap是一个超简单的处理键盘快捷键的类库,压缩有只有1.6kb大小,并且不依赖任何的外部类库。你使用的主要就是绑定方法。它会帮助你绑定指定的键盘命令到一个callback方法中。并且拥有第三个参数来制定监听的事件类型。 可以是keypress,keydown或者keyup。任何被空格分隔的key会被认为是连续的。如果你你连续的输入key,最后一个输入key会触发callback。
 
   2、Jwerty
      jwerty是一个JS类库帮助你针对元素和事件来绑定,触发和声明输入键组合。它将难于使用的标准api生成更加清晰并且容易使用的格式。所有的jwerty事件都要求jwertycode。jwertycode可以以字符串或者数组传递,使用字符串可能是最简单的方式来生成组合。这个类库非常小,压缩后1.5kb,gzipped大概3kb。不依赖任何类库。兼容jQuery,zepto或者Ender。
 
   3、Keypress
      Keypress是一个输入捕捉类库,拥有一些特殊的特性。非常容易上手和使用,大概9kb,不依赖任何类库。可以开发非常简单或者高级的应用。这个类库针对keyup和keydown拥有一些回调函数。并且拥有选项来捕捉单次输入或者其它。
 
   4、KeyboardJS
      keyboardjs是一个标准的JS类库,处理键盘输入帮助我们理解按键输入并且生成行为。这个类库支持简单的组合按键并且支持不同LOCALE。针对press和release事件拥有回调函数
 
   5、Keymaster.js
      Keymaster是一个简单的迷你类库,用来定义和生成web应用中的键盘快捷键。不依赖任何类库。和其它类库同时使用不会有任何冲突。
 
   6、Kibo
      Kibo是一个简单的JS类库,用来处理键盘事件。没有任何依赖。Kibo的构建器拥有一个可选选项,一个用来定义事件句柄的HTML元素。
 
   7、Keymage
      Keyimage是一个简单的类库,用来处理键盘绑定。书写这个类库的目的是没有其它类库支持整合所有的特性,并且方便大家书写一个新的类库。
 
   8、Keycode.js
      这个类库标准化JS键盘码以便支持浏览器兼容。这个类库支持key对象,这些对象是js对象,用来记录键盘码是否被其它操作修改。使用hot_key()接受类似的对象,并且返回一个适合jQuery hotkey插件或者Binny VA‘s short.js类库。
 
   9、Open JS
      OpenJS允许你添加Keyboard快捷键到你的JS应用中。
 
   10、JavaScript Shortcuts Library
      一个帮助你快速创建快捷键的类库。
 
 
 
 
 
 
时间: 2024-12-12 03:11:47

Js键盘事件全面控制,回车按键事件,键盘对应按键码,按键事件兼容各个浏览器。的相关文章

js键盘事件全面控制详解

js键盘事件全面控制 主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结 第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown. onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup. 在这3种事件类型中,keydown和keyup比较底层

js键盘事件全面控制

主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结 第一部分:浏览器的按键事件 用 js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown. onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时 候的keyup. 在这3种事件类型中,keydown和keyup比较底层,而 keypre

JavaScript键盘事件全面控制代码

JavaScript键盘事件全面控制,它可以捕获键盘事件的输入状态,可以判断你敲打了键盘的那个键,ctrl.shift,26个字母等等,返回具体键盘值. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>键盘事件全面控制</title> <style type="t

linux下input event事件,可以用后台截取键盘按下的键值,后台截取数据.....input.h

如何读取Linux键值,输入子系统,key,dev/input/event,dev/event,C语言键盘? 这里先上一段代码,自己拿到linux系统运行就可以,注意代码中keys_fd = open("/dev/input/event2", O_RDONLY);      这里去你的/dev/input/event2的event事件,去查看你的键盘事件是那一个,如果是event3那么你改成event3好了.这里给一个命令你去查看 cat  /proc/bus/usb/devices

js 判断浏览器关闭事件 兼容所有浏览器

无论是从页签处关闭浏览器,还是关闭整个浏览器窗口,无论是 ie11,火狐,谷歌,苹果,还是ie6,都能兼容的浏览器关闭事件监听 在网上搜索了一天,虽然网上也有之类的代码,但是太繁琐,有时候还不可用.我也是在原有基础上修改的.经过了上述的浏览器测试,如果有不兼容的,欢迎提出意见一起学习. ? <script type="text/jscript" src="jquery-1.10.2.min.js"></script> <script t

日积(Running)月累(ZSSURE):WCF学习之“通过事件绑定控制WinForm宿主程序主界面控件”

背景: WCF服务需要寄宿到相应的可运行进程中执行,常见的有四种寄宿,分别是控制台程序.WinForm程序.IIS和Windows服务.之前学习老A博客和<WCF全面解析>时最常用到的是控制台寄宿,近期由于项目需求,需要在WinForm程序中调用WCF服务,本博文通过一个简单的实例来演示WCF在WinForm中的寄宿.并着重介绍如何利用事件绑定控制宿主主UI界面控件. 题记: 之前一直坚守在C++阵地,对于新语言.新技术(诸如Python.J2EE.Bigdata.AI)不甚感冒.自以为&qu

键盘事件的调用顺序及获取键盘大小

http://www.cocoachina.com/ios/20150703/12365.html 在涉及到表单输入的界面中,我们通常需要监听一些键盘事件,并根据实际需要来执行相应的操作.如,键盘弹起时,要让我们的UIScrollView自动收缩,以能看到整个UIScrollView的内容.为此,在UIWindow.h中定义了如下6个通知常量,来配合键盘在不同时间点的事件处理: 1 2 3 4 5 6 UIKeyboardWillShowNotification          // 键盘显示

js动态加载HTML元素时出现的无效的点击事件

项目中列表数据中隐藏着详情数据, 图一: 详情数据是:根据当前行的数据作为参数,通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面 图二: js文件中的这些js的点击事件无效: js代码: // 推荐商家点击标题展开与收起$('.toggle-tag').on('click', function(){    var ele = $(this).parents('tr').next().find('.pro-details');    if(ele.is(':hidden'))

在asp.net页面上按回车会触发Imagebutton控件的Click事件

原文:在asp.net页面上按回车会触发Imagebutton控件的Click事件 问题: 用asp.net做的aspx页面,无论是否有文本框.下拉框.复选框……获得焦点,只要在当前页面上按一下回车就会触发该页面上的第一个Imagebutton控件的Click事件. 原因: 在form表单内部如果出现了input type="image"或者input type="submit"这些控件,都会自动接收表单上的回车事件 方案: 在页面上放2个imagebutton,第