`
newpeter
  • 浏览: 38670 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

js判断键盘按键

阅读更多

判断方法:

 

表 3. DHTML 键盘事件
名称 说明

onkeypress

这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。

onkeyup

这个事件在用户放开任何先前按下的键盘键时发生。

onkeydown

这个事件在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。

 

示例:

function document.onkeydown()
{
   if ( event.keyCode=='39' ) //->右箭头
   {
    window.open("http://www.163.com");
   }
}

 

function document.onkeypress()
{
   if ( event.keyCode=='43' )
   {
    alert( '你输入了键盘的 “ + ” 键');
   }
}

 

在使用JavaScript做WEB键盘事件侦听捕获时,主要采用onkeypress、onkeydown、onkeyup三个事件进行出来。该三个事件的执行顺序如下:onkeydown -> onkeypress ->onkeyup。在一般情况下,采用三种键盘事件均可对键盘输入进行有效的响应。当在实际使用中,会发现这几者有些不同的差别。

   onkeypress事件不能对系统功能键(例如:后退、删除等,其中对中文输入法不能有效响应)进行正常的响应,onkeydown和onkeyup均可以对系统功能键进行有效的拦截,但事件截获的位置不同,可以根据具体的情况选择不同的键盘事件。
   由于onkeypress不能对系统功能键进行捕获,导致window.event对象的keyCode属性和onkeydown,onkeyup键盘事件中获取的keyCode属性不同,主要表现在onkeypress事件的keyCode对字母的大小写敏感,而onkeydown、onkeyup事件不敏感;onkeypress事件的keyCode无法区分主键盘上的数字键和付键盘数字键的,而onkeydown、onkeyup的keyCode对主付键盘的数字键敏感。
http://liu2liu2.spaces.live.com/blog/cns!54B12917375EF5A0!270.entry

 

屏蔽组合键ctrl+N

<script language=javascript
function KeyDown(){    
   if ((window.event.altKey)&& 
       ((window.event.keyCode==37)||    //屏蔽 Alt+ 方向键 ← 
        (window.event.keyCode==39))){   //屏蔽 Alt+ 方向键 → 
      alert("不准你使用ALT+方向键前进或后退网页!"); 
      event.returnValue=false; 
      } 
   if ((event.keyCode==8)||             //屏蔽退格删除键 
       (event.keyCode==116)){           //屏蔽 F5 刷新键 
      event.keyCode=0; 
      event.returnValue=false; 
      } 
   if ((event.ctrlKey)&&(event.keyCode==78)){    //屏蔽 Ctrl+n 
      event.returnValue=false; 
      } 
   if ((event.shiftKey)&&(event.keyCode==121)){ //屏蔽 shift+F10 
      event.returnValue=false; 
      } 
   if (event.keyCode==122){ //屏蔽 F11 
      event.returnValue=false; 
      } 
   }

 

ASCII码

 
ASCII码 键盘 ASCII 码 键盘 ASCII 码 键盘 ASCII 码 键盘
27 ESC 32 SPACE 33 ! 34 "
35 # 36 $ 37 % 38 &
39 ' 40 ( 41 ) 42 *
43 + 44 ' 45 - 46 .
47 / 48 0 49 1 50 2
51 3 52 4 53 5 54 6
55 7 56 8 57 9 58 :
59 ; 60 < 61 = 62 >
63 ? 64 @ 65 A 66 B
67 C 68 D 69 E 70 F
71 G 72 H 73 I 74 J
75 K 76 L 77 M 78 N
79 O 80 P 81 Q 82 R
83 S 84 T 85 U 86 V
87 W 88 X 89 Y 90 Z
91 [ 92 \ 93 ] 94 ^
95 _ 96 ` 97 a 98 b
99 c 100 d 101 e 102 f
103 g 104 h 105 i 106 j
107 k 108 l 109 m 110 n
111 o 112 p 113 q 114 r
115 s 116 t 117 u 118 v
119 w 120 x 121 y 122 z
123 { 124 | 125 } 126 ~

 

分享到:
评论

相关推荐

    js获取及判断键盘按键的方法

    主要介绍了js获取及判断键盘按键的方法,涉及JavaScript键盘事件的获取及键值的判定技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    js 判断 enter 事件

    本文是在Web中通过Javascript判断键盘按键事件,并改变按键的默认动作。

    JS判断是否长按某一键的方法

    主要介绍了JS判断是否长按某一键的方法,涉及JavaScript针对键盘按键的判断及响应操作技巧,需要的朋友可以参考下

    javascript利用键盘控制小方块的移动

    本文实例为大家分享了利用键盘控制小方块的移动,供大家参考,具体... 因此我们可以根据keycode返回的字符码来判断用户所按下的键,下面就是一个用于测试上下左右按键的js代码,经过我的测试之后,返回37 38 39 40;

    利用键盘控制小方块的移动

    原理 1. 利用键盘控制移动,则需要了解... 因此我们可以根据keycode返回的字符码来判断用户所按下的键,下面就是一个用于测试上下左右按键的js代码,经过我的测试之后,返回37 38 39 40; [removed] = function(){

    p5.js入门教程之键盘交互

    keyCode: 关键词,用于判断按下哪个按键 keyPressed():函数,按键按下时触发一次 keyReleased():函数,按键松开时触发一次 keyIsDown():函数,按下指定按键时返回true,反之为false 以下是一个较综合的案例,用wsad...

    【JavaScript源代码】js实现自定义下拉框.docx

    js实现自定义下拉框 ... (4)键盘上的按键都有各自的键码,通过这个键码可以来判断按下的是哪个键来执行相应的操作,下面函数可以获取键盘的键码 document.addEventListener("keyup",function(e){ 

    JavaScript 监听组合按键思路及代码实现

    JavaScript监听组合按键 1. 思路 如图,通过监听并打印键盘keydown事件,得到图示内容,观察发现, 当按下的组合键包含Ctrl键时,ctrlKey键会显示为true; 当按下的组合键包含Shift键、或者按键之前开启大写时,...

    js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法

    if (e.keyCode == 13) { //判断是否单击的enter按键(回车键) document.getElementByIdx_x_x("txtid").click(); return false; } } 解释:keycode的值表示对应键盘的那个键 keycode 8 = BackSpace BackSpace ...

    原生js实现贪吃蛇小游戏

    1. 设置需要使用的参数 2. 双重 for 循环设置网格对象...5. 判断需要的几个按键,w,s,a,d(上,下,左,右) 6. 判断是否撞墙,撞到墙则停止游戏。 7. 判断是否吃到食物,食物消失,贪吃蛇长大 8. 点击重新开始游戏

    JavaScript实现的使用键盘控制人物走动实例

    二、预订键值后,要能捕获按键事件以及判断用户按的是哪个键? 捕获键盘事件可以用onkeydown 获取键值码可以用event.keyCode   三、用setInterval周期执行事件替换图片 替换图片是为了实现任务走动效果 但要注意...

    matlab代码左移-KeysViz:查看在键盘上键入的字母

    该项目旨在创建不同的D3js可视化效果,以显示来自个人键盘笔触数据的见解。 为此,已实现了键盘记录器。 该项目可用,并在执行其他操作(例如编写电子邮件或在D3.js中编码)时使用我们的个人日志。 我们还使用“悲惨...

    用javascript实现既能禁止页面鼠标右键查看 同时又能查看页面文本框右键菜单

    可以用在文本框中的onmousedown事件中,但推荐用在 onfocus事件中,若使用的onmousedown的话,则按键盘上摸拟右键的按键(在右win键右边)不响应;若用onfocus事件,则能顺利响应。 最后,当该文本框失去焦点时,需...

    javascript使用shift+click实现选择和反选checkbox的方法

    主要介绍了javascript使用shift+click实现选择和反选checkbox的方法,涉及javascript针对键盘按键的判断及checkbox的操作技巧,需要的朋友可以参考下

    js屏蔽退格键(backspace或者叫后退键与F5)

    我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用,常见的比如说退格键(backspace/ 后退键),我在一个项目中就遇到过在页面编辑的时候禁用掉退格键,因为退格键会发生页面后退,这样编辑的内容都会...

    使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)

    开始的想法非常简单,因为扫码枪就是模拟键盘的输入,当他用usb接口插入电脑的时候,就变成了一个外接的输入设备,用js监听就可以了。但是如何判断用户是否为手动输入就需要做一些处理了。 二、主要问题 1.如何判断...

    一些实用的jQuery代码片段

    1.JQuery得到用户的IP: ...5.JQuery检测键盘按键 $(document).ready(function(){ $(this).keypress(function(e){ switch(e.which){ case 13: alert&#40;"你按下了回车键"&#41;; break; } }) });

    精通javascript

    • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 ...

Global site tag (gtag.js) - Google Analytics