js中响应上、下键enter键程序代码

 代码如下 复制代码

<script type="text/javascript" charset="utf-8">
  function response(obj){
   var $list = $(obj);
   var $children = $list.children();
   var num= $children.size();//$list  总个数
   var current=0; //当前选中项
   addnow()
   $(document).bind('keydown',function(e){
    if($list.is(":visible")){
     if(e.keyCode == 40){ //向下
      if(current<num -1) current = current +1;
      addnow()
      e.preventDefault();
     }else if(e.keyCode ==38 ){//向上
      if(current > 0)current= current -1;
      addnow()
      e.preventDefault();
     }else if(e.keyCode == 13){
      var url = $children.eq(current).find('a').attr('href');
      document.location= url;
     }
    }else{
     current = 0;
     addnow()
    }
   });

   function addnow(){
    $children.eq(current).addClass('now').siblings().removeClass('now');
   }

  }

  response('#ul');

一些常用的按钮对应编辑

Key Pressed Javascript Key Code
backspace 8
tab 9
enter 13
shift 16
ctrl 17
alt 18
pause/break 19
caps lock 20
escape 27
page up 33
page down 34
end 35
home 36
left arrow 37
up arrow 38
right arrow 39
down arrow 40
insert 45
delete 46
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
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
left window key 91
right window key 92
select key 93
numpad 0 96
numpad 1 97
numpad 2 98
numpad 3 99
numpad 4 100
numpad 5 101
numpad 6 102
numpad 7 103
numpad 8 104
numpad 9 105
multiply 106
add 107
subtract 109
decimal point 110
divide 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
num lock 144
scroll lock 145
semi-colon 186
equal sign 187
comma 188
dash 189
period 190
forward slash 191
grave accent 192
open bracket 219
back slash 220
close braket 221
single quote 222
时间: 2024-10-24 05:04:26

js中响应上、下键enter键程序代码的相关文章

js判断是否按下了Shift键的方法_javascript技巧

本文实例讲述了js判断是否按下了Shift键的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>使用js判断是否按下了Shift键</title> <script type="text/javascript"> function isKeyPressed(event) { if (event.shiftKey==1) { alert("shift被按下了&

matlab-求MATLAB中CT 图像重建中的ART和SART算法的程序代码

问题描述 求MATLAB中CT 图像重建中的ART和SART算法的程序代码 求各位大神帮忙,求MATLAB中CT 图像重建中的ART和SART算法的程序代码,我的邮箱:21227023@zju.edu.cn.谢谢各位啦!!! 解决方案 不太会Matlab,在用Mathematica 解决方案二: 已经找到了相应的程序代码了,3Q 解决方案三: 能不能分享一下代码,3q,1448338302@qq.com

怎样把存储在数据库中的字符串形式的表达式写入程序代码中

问题描述 怎样把存储在数据库中的字符串形式的表达式写入程序代码中 代码是if..else if...else if... 其中的表达式存在数据库中,字符串形式存在的 怎么把它们写入代码中 解决方案 解决方案二: 不是很明白你说的...

回车和换行有什么区别?我们平时按下的Enter键是回车还是换行_相关技巧

\n是换行,英文是linefeed,ASCII码是0xA. \r是回车,英文是carriage return ,ASCII码是0xD. 如果用过机械打字机,就知道回车和换行的区别了... 换行就是把滚筒卷一格,不改变水平位置. 回车就是把水平位置复位,不卷动滚筒. 但是我们平时按得Enter到底是回车还是换行,不太清楚?? 看到一种说法:windows下enter是 \n\r,unix下是\n,mac下是\r 在MS的系统中纯文本格式按一个回车键是输入了两个字符,一个回车一个换行.在LINUX系

css中响应式下的下拉菜单例子

HTML 两种菜单的HTML代码是不同的,因为到目前为止,你不能把<select>和<option>的样式设计成<a>有一样的外观和行为,反之也不能.所以二者都需要设计,而你做的就是把二者的标记都写出来.FSS的做法如下:  代码如下 复制代码 <nav>   <ul>     <li><a href="/" class="active">Home</a></li&

asp 无刷新上传带预览程序代码

首先我是使用艾恩ASP无组件上传类的iframe.直接在框架里面上传后赋值给父窗口的input.下面就是index.php的代码了.但是这个这能上传一张图片不能批量上传图片!    单文件上传<br /> <iframe frameborder="0" height="60" width="400" name="upload" src="upload.asp"></iframe

JS中INPUT上传文件类型限制代码

在客户端进行验证    代码如下 复制代码 <script   Language="JavaScript"   Type="text/javascript"> <!-- function   picForm_Validator(myform) { if(document.all.file1.value=="")         {                 alert("请选择上传的照片!");    

js检查页面上有无重复id的实现代码

有时候我们需要检查一个页面上是否用重复的id,一般id都是唯一的,也方便控制,那么就可以参考下面的代码   方法一: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>   <TITLE> New Document </TITLE>   <script type="text/javascr

VBS和页面中响应COM的事件的方法和代码_vbs

COM的CONNECTION POINT可以成为一种事件发生回调机制. VBS中接收时间回调的方法是 Function myobject_onadd( v1, v2 )  MsgBox "add" & v1 & v2 End Function  Set Cnxn4 =  WScript.CreateObject( "ATLCom.ATL3" , "myobject_") 页面中使用的方法 <HTML> <BODY