`
thinkerAndThinker
  • 浏览: 276222 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

event.keyCode用法及列表

 
阅读更多

HTML

用户名:<input type="text" id="UserAccount" onKeyPress="JumpByEnter(UserPwd)" />

密码:<input name="UserPwd" type="password" onKeyPress="IsEnterKeyPress()">

JavaScript:

JumpByEnter(UserPwd) 函数功能:输入完用户名按回车,焦点转向密码输入框

IsEnterKeyPress()功能:输入完密码并按回车,则登录

function JumpByEnter(NextElement){
     var lKeyCode = (navigator.appname=="Netscape")?event.which:window.event.keyCode; //event.keyCode按的建的代码,13表示回车
     if ( lKeyCode == 13 ){

    NextElement.focus();
     }

function IsEnterKeyPress(){
     var lKeyCode = (navigator.appname=="Netscape")?event.which:event.keyCode;
     if ( lKeyCode == 13 ){
       Login();
     }
     else
       return false;
   }

irfirefox2.0中不支持 window.event.keyCode,

但是我们可以用event.which代替。但是为了使其能更具有普遍的兼容性,最好用event.keyCode|| event.which.

字母和数字键的键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88 6 54
G 71 P 80 Y 89 7 55
H 72 Q 81 Z 90 8 56
I 73 R 82 0 48 9 57

   

 

数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
0 96 8 104 F1 112 F7 118
1 97 9 105 F2 113 F8 119
2 98 * 106 F3 114 F9 120
3 99 + 107 F4 115 F10 121
4 100 Enter 108 F5 116 F11 122
5 101 - 109 F6 117 F12 123
6 102 . 110        
7 103 / 111        

   

 

控制键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
BackSpace 8 Esc 27 Right Arrow 39 -_ 189
Tab 9 Spacebar 32 Dw Arrow 40 .> 190
Clear 12 Page Up 33 Insert 45 /? 191
Enter 13 Page Down 34 Delete 46 `~ 192
Shift 16 End 35 Num Lock 144 [{ 219
Control 17 Home 36 ;: 186 \| 220
Alt 18 Left Arrow 37 =+ 187 ]} 221
Cape Lock 20 Up Arrow 38 ,< 188 '" 222

 

多媒体键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
音量加 175            
音量减 174            
停止 179            
静音 173            
浏览器 172            
邮件 180            
搜索 170            
收藏 171  

分享到:
评论

相关推荐

    Javascript中的window.event.keyCode使用介绍

    主要就是为了监听键盘按下的是哪个键,并且转成ASCII码; 代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” ... &lt;head&gt; &lt;... charset=gb2312″ /&gt;...window.event.keyCode&lt;/ti

    javascript限制文本框只允许输入数字(曾经与现在的方法对比)

    曾经使用过的方法 通过onkeydown事件来控制只允许数字: 代码如下: &lt;input onkeydown=”return event.keyCode&gt;=48&&event.keyCode&lt;=57||event.keyCode&gt;=96&&event.keyCode&lt;=105″ /&gt; 通过jQuery插件...

    js中的屏蔽的使用示例

    } /** *屏蔽 F5、Ctrl+N、Shift+F10、Alt+F4 *如果想要屏蔽其他键,则找到对应的 keyCode 再依照此方法即可 */ [removed] = function(event){ event = window.event || event; if(event.keyCode==116 || (event....

    javascript资料

    javascript诸多效果范本,包括PPT,event.keycode用法,css样式表

    网页表单元素Input的高级用法11例

    1. 取消按钮按下时的虚线框 在input里添加属性值 hideFocus 或者 HideFocus=true 2. 只读文本框内容 在input里添加属性...input onkeydown=if(event.keyCode==13) event.keyCode=9 &gt; 5. 只能为中文(有闪动) &lt;inp

    input 高级限制级用法

    1.取消按钮按下时的虚线框 在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容 在input里添加属性值 ...input onkeydown=”if(event.keyCode==13)event.keyCode=9″ &gt; 5.只能为中文(有闪动) &lt;i

    数字的正则表达式写法参考书

     (event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode|| event.keyCode&gt;57)) event.returnValue=false"&gt; 8.只能输入英文和数字(有闪动)  &lt;input onkeyup="value="/value.replace(/[\W]/g,"’’...

    javascritp实现input输入框相关限制用法

    1.取消按钮按下时的虚线框 在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容 在input里添加属性值 ...input onkeydown=”if(event.keyCode==13)event.keyCode=9″ &gt; 5.只能为中文

    js使用小技巧

    &lt;input type=text onkeypress="return event.keyCode&gt;=48&&event.keyCode||(this.value.indexOf(".")&lt;0?event.keyCode==46:false)" onpaste="return !clipboardData.getData("text").match(/D/)" ondragenter=...

    jquery利用event.which方法获取键盘输入值的代码

    亲自试一试 定义和用法 which 属性指示按了哪个键或按钮。 语法 event.which参数 描述 event 必需。规定要检查的事件。这个 event 参数来自事件绑定函数。 jQuery丢弃了标准的 button 属性采用 which,这有点让人...

    JavaScript键盘事件常见用法实例分析

    本文实例讲述了JavaScript键盘事件常见用法。分享给大家供大家参考,具体如下: JavaScript 键盘事件有以下3种 keydown 键盘按键按下(如果按着不放,会持续触发该事件),可以捕获组合键。...event.keyCode

    使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解

    下面通过实例代码给大家介绍js扫码枪扫描条形码的实现方法,具体代码如下所示: var keycode = ""; var lastTime=null,nextTime; var lastCode=null,nextCode; document.οnkeydοwn=function(e){ if(window....

    JS event使用方法详解

    event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转...

    vue双向绑定数据限制长度的方法

    vue双向绑定数据如何限制长度?具体方法请阅读文章 ... let keyCode = event.keyCode; console.log("keyCode"); let len=0; console.log(this[attr].length); for (let codePoint of this[attr]) { if (this

    js和jquery实现监听键盘事件示例代码

    查了一些方法但是其兼容性和稳定性不是很高,最终得到如下方法,经测试在Firfox、Chrome、IE中均可以使用。 一、使用javascript实现 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt...

    IE与firefox之jquery用法区别

    //回车事件处理 $(document).keydown(function(event){ if(event.keyCode==13){ alert&#40;$(‘#idone’&#41;.val()); //回车键盘ISBN获取 if($(‘#idone’).val()==’isbn’){ //isbncheck(); $(‘#ztm’).focus()...

    基於jQuery的自動補全組件

    使用方法:$(document).ready(function(){ //設置延時,降低數據庫的負荷 var s; $("#materialNo").keyup(function(){ //按鍵碼 var e = event.keyCode; if(e!=40&&e!=38&&e!=13){ //清除延時 window....

    JavaScript 监听textarea中按键事件

    ”,并定义以下方法。 代码如下: var keypress = function(e){ var e = e || window.event; var k = e.keyCode; } 这里我使用的办法是JQuery。 代码如下: $(“#text”).bind(“keyPress”,function(event){ var k = ...

    browser-keys-until-click:捕获浏览器按键直到下一次单击的简单功能

    使用真正的低级浏览器JavaScript,因此应该在几乎所有框架上都可以使用,有时您确实只需要获取每个击键直到下一次单击即可。用法顾名思义,这实际上与键有关(直到单击为止)。 var keysUntilClick = require ( '...

    js验证表单 js验证表单

    ((event.keyCode&gt;=48&&event.keyCode)||(event.keyCode&gt;=96&&event.keyCode))) //考虑小键盘上的数字键 event.returnvalue=false; } ();"&gt; 5. 只能是英文字符和数字 &lt;input onkeyup="value="/oblog/value.replace...

Global site tag (gtag.js) - Google Analytics