<script language="javascript">
function keygo(evt,cols){
var cols=cols//列数,手动设置
var elobj=myform.elements.length;
//key=window.event.keyCode;不兼容firefox
key = window .event?evt.keyCode:evt.which;
if (key==38){//↑
CurTabIndex=event.srcElement.tabIndex-cols
for (n=0;n<myform.elements.length;n++){
if (myform.elements[n].tabIndex==CurTabIndex){
myform.elements[n].select();
return true;
}
}
}
if (key==40){//↓
CurTabIndex=event.srcElement.tabIndex+cols
for (n=0;n<myform.elements.length;n++){
if (myform.elements[n].tabIndex==CurTabIndex){
myform.elements[n].select();
return true;
}
}
}
if (key==37){//←
CurTabIndex=event.srcElement.tabIndex-1
for (n=0;n<myform.elements.length;n++){
if (myform.elements[n].tabIndex==CurTabIndex){
myform.elements[n].select();
return true;
}
}
}
if (key==39){//→
CurTabIndex=event.srcElement.tabIndex+1
for (n=0;n<myform.elements.length;n++){
if (myform.elements[n].tabIndex==CurTabIndex){
//myform.elements[n].focus();
myform.elements[n].select();
return true;
}
}
}
}
</script>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<form name="myform" id="myform" method="post" onKeyUp="return keygo(event,5)">
<tr>
<td><input name="textfield1" type="text" id="textfield" value="有文字也会跳过" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input type="text" name="textfield" id="textfield" value="1netmedia.cn" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
</tr>
<tr>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input name="textfield" type="text" id="textfield" value="有文字也会跳过" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input type="text" name="textfield" id="textfield" value="1NetMedia Studio" /></td>
</tr>
<tr>
<td><input type="text" name="textfield" id="textfield" value="有文字也会跳过" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input name="textfield" type="text" id="textfield" value="1netmedia.net" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
</tr>
<tr>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input type="text" name="textfield" id="textfield" value="『一网传媒』" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
</tr>
<tr>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input type="text" name="textfield" id="textfield" value="技术交流" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
<td><input type="text" name="textfield" id="textfield" /></td>
</tr>
</form>
</table>
<script type="text/javascript">
myform.textfield1.focus();
for (n=0;n<myform.elements.length;n++){
myform.elements[n].tabIndex=n;
}
分享到:
相关推荐
js 实现 用键盘上下键实现表格行的上下选择! 值得下载看看!资源免费,大家分享!!
本文实例讲述了js实现键盘上下左右键选择文字并显示在文本框的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
介绍: 说明:按键盘← →方向键 或 PageUp PageDown键直接翻页
适合任何绑定的后台数据源, 完整版,亲测可用,无bug,本人使用的是jquerygrid表格绑定。
不错的使用键盘上下键实现选择的代码,方便用户操作
主要为大家详细介绍了js实现上下左右键盘控制div移动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jquery实现的支持键盘方向按键和鼠标拖动切换的全屏相册/文字广告特效源码,是一段实现了可以使用键盘上下左右方向按键控制切换的效果代码,同时此段代码也支持鼠标拖动切换画面,本段代码适用于所有网页使用,有...
使用鼠标选中多空间页面的某一个按键,使用方向键进行该控件的多方向的移动
//这是要操作的表格: 这是第一行 这是第二行 这是第三行 这是第四行 //这是操作表格的代码 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
主要介绍了javascript上下方向键控制表格行选中并高亮显示的方法,涉及javascript针对键盘按键操作相应的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
jQuery键盘控制PPT幻灯片特效是一款类似PPT的演讲稿幻灯片插件,它可以通过键盘上下左右方向键来控制,并且左上角带有菜单按钮,通过菜单项可以选择相应的幻灯片页面。
脚本简介HTML5 3D魔方旋转拼图代码是一款支持键盘上下左右方向键旋转拼图小游戏代码。
神庙逃亡小游戏源码,电脑和手机都可以玩,电脑可以用键盘上下左右键来控制,一款休闲小游戏源码 这是一款H5神庙逃亡自适应手机游戏,神庙逃亡系列的游戏想必大家不陌生,现在这款墓地逃亡,完全复原了神庙逃亡的...
玩家可以使用WASD键在各个方向上移动角色。 射击包括使用鼠标光标瞄准并单击鼠标左键。 杀死僵尸需要三枪。 有无数的僵尸浪潮会增加难度。 一旦僵尸触碰了玩家,游戏就结束了! 您的分数就是您幸存下来的海浪数量。...
JavaScript实现俄罗斯方块,使用浏览器打开就可以玩耍,使用键盘上下左右控制方向和旋转,唤起了儿时美好的回忆
方向键上下 键盘事件 统计数量 插入排序 js 利用sort进行排序 js 冒泡排序 获取css属性值 阻止冒泡行为 阻止默认行为 兼容 阻止滚动条冒泡事件 获取系统当前时间 数组最大值 数组最小值 求和 小数点可能会有很多位,...
[原创]jQuery推箱子小游戏(100关且可扩展可选关),休闲,对战,娱乐,小游戏,下载即用,兼容iPad移动端,代码注释全(附源码)- 轻按键盘的方向键(上下左右),控制熊猫方向推动箱子。- 或者点击熊猫的上下左右行走,...
10.5.2 键盘事件 286 10.5.3 表单事件 291 10.5.4 编辑事件 295 10.5.5 页面事件 297 第11章 使用Cookie和文件 303 11.1 Cookie 303 11.1.1 Cookie概述 303 11.1.2 Cookie属性 305 11.1.3 创建Cookie 305 11.1.4 ...