利用键盘上的上下左右（回车）键模拟出tab 键的功能上下左右移动焦点
2008-01-23 19:15
423 查看
<script language="javascript">
function doKeyDown(obj)
{
switch(event.keyCode)
{
case 13:
case 39:
case 40:
if(obj.nextid != "")document.all(obj.nextid).select();
break;
case 37:
case 38:
if(obj.preid != "")document.all(obj.preid).select();
break;
}
}
</script>
第一:<input type="text" id="T_1" nextid="T_2" preid="T_8" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_2" nextid="T_3" preid="T_1" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_3" nextid="T_4" preid="T_2" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_4" nextid="T_5" preid="T_3" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_5" nextid="T_6" preid="T_4" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_6" nextid="T_7" preid="T_5" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_7" nextid="T_8" preid="T_6" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_8" nextid="T_1" preid="T_7" onkeydown="doKeyDown(this)"><br>
<script language="javascript">
function doKeyDown(obj)
{
// alert(obj.nextid);
switch(event.keyCode)
{
case 13:
case 39:
case 40:
if(obj.nextid != "")
{
document.all(obj.nextid).focus();
// document.all(obj.nextid).select();
}
break;
case 37:
case 38:
if(obj.preid != "") document.all(obj.preid).focus();
break;
}
}
</script>
<body leftmargin="0" topmargin="14">
<div class="menu" style="background:" id="T_0" nextid="T_1" preid="T_9" onkeydown="doKeyDown(this)">
<table width="99%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
</a></td>
<td width="20%" valign="top" align="right">大陆</td>
</tr>
</table>
</div>
<div class="menu" border=0 id="T_1" nextid="T_2" preid="T_8" onkeydown="doKeyDown(this)">
<table width="99%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
</a></td>
<td valign="top" align="right">大陆</td>
</tr>
</table>
</div>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
var cols=3;
var obj;
var CanMove=false;
var key;
function setobj(input){
obj=input;
}
function init(){
document.onkeydown=keyDown;
document.onkeyup=keyUp;
}
function keyDown(DnEvents){
var key=window.event.keyCode;
if(key==116){
window.event.keyCode=0;
return false;
}
if(key==8){
if(event.srcElement.tagName!="INPUT"){
event.cancelBubble = true;
event.returnValue = false;
return false;
}
}
//此处为按下ctrl 注释此处可以实现不需要ctrl
var IsCtrl=window.event.ctrlKey;
if(!IsCtrl){
return;
}
for(var i=0;i<document.forms[0].elements.length;i++){
if(document.forms[0].elements[i]==obj){
if (key == 37){//←
if(i>0){
document.forms[0].elements[i-1].focus();
}
}
if (key == 38){//↑
if(i>cols-1){
document.forms[0].elements[i-cols].focus();
}
}
if (key == 39){//→
if(i<document.forms[0].elements.length-1){
document.forms[0].elements[i+1].focus();
}
}
if (key == 13)
{//→
event.keyCode = 9;
}
if (key == 40){//↓
if(i<document.forms[0].elements.length-cols){
document.forms[0].elements[i+cols].focus();
}
}
}
}
}
function keyUp(UpEvents){
return false;
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onload="init()">
<form>
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<input type="text" name="textfield" onfocus="setobj(this)">
</td>
<td>
<input type="text" name="textfield2" onfocus="setobj(this)">
</td>
<td>
<input type="text" name="textfield3" onfocus="setobj(this)">
</td>
</tr>
<tr>
<td>
<input type="text" name="textfield5" onfocus="setobj(this)">
</td>
<td>
<input type="text" name="textfield6" onfocus="setobj(this)">
</td>
<td>
<input type="text" name="textfield7" onfocus="setobj(this)">
</td>
</tr>
</table>
</form>
用Ctrl+方向键可以方便的在控件中移动，也可以不要Ctrl的。
</body>
</html>
js打开本地的exe文件 <html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>WebForm1</title>
<script> function aaaa()
{
(new ActiveXObject("wscript.shell")).run("C:/TDDOWNLOAD/rfwolusr.exe")
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" OnClientClick="aaaa()" Text="Button" />
</div>
</form>
</body>
</html>
function doKeyDown(obj)
{
switch(event.keyCode)
{
case 13:
case 39:
case 40:
if(obj.nextid != "")document.all(obj.nextid).select();
break;
case 37:
case 38:
if(obj.preid != "")document.all(obj.preid).select();
break;
}
}
</script>
第一:<input type="text" id="T_1" nextid="T_2" preid="T_8" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_2" nextid="T_3" preid="T_1" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_3" nextid="T_4" preid="T_2" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_4" nextid="T_5" preid="T_3" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_5" nextid="T_6" preid="T_4" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_6" nextid="T_7" preid="T_5" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_7" nextid="T_8" preid="T_6" onkeydown="doKeyDown(this)"><br>
第一:<input type="text" id="T_8" nextid="T_1" preid="T_7" onkeydown="doKeyDown(this)"><br>
<script language="javascript">
function doKeyDown(obj)
{
// alert(obj.nextid);
switch(event.keyCode)
{
case 13:
case 39:
case 40:
if(obj.nextid != "")
{
document.all(obj.nextid).focus();
// document.all(obj.nextid).select();
}
break;
case 37:
case 38:
if(obj.preid != "") document.all(obj.preid).focus();
break;
}
}
</script>
<body leftmargin="0" topmargin="14">
<div class="menu" style="background:" id="T_0" nextid="T_1" preid="T_9" onkeydown="doKeyDown(this)">
<table width="99%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
</a></td>
<td width="20%" valign="top" align="right">大陆</td>
</tr>
</table>
</div>
<div class="menu" border=0 id="T_1" nextid="T_2" preid="T_8" onkeydown="doKeyDown(this)">
<table width="99%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
</a></td>
<td valign="top" align="right">大陆</td>
</tr>
</table>
</div>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
var cols=3;
var obj;
var CanMove=false;
var key;
function setobj(input){
obj=input;
}
function init(){
document.onkeydown=keyDown;
document.onkeyup=keyUp;
}
function keyDown(DnEvents){
var key=window.event.keyCode;
if(key==116){
window.event.keyCode=0;
return false;
}
if(key==8){
if(event.srcElement.tagName!="INPUT"){
event.cancelBubble = true;
event.returnValue = false;
return false;
}
}
//此处为按下ctrl 注释此处可以实现不需要ctrl
var IsCtrl=window.event.ctrlKey;
if(!IsCtrl){
return;
}
for(var i=0;i<document.forms[0].elements.length;i++){
if(document.forms[0].elements[i]==obj){
if (key == 37){//←
if(i>0){
document.forms[0].elements[i-1].focus();
}
}
if (key == 38){//↑
if(i>cols-1){
document.forms[0].elements[i-cols].focus();
}
}
if (key == 39){//→
if(i<document.forms[0].elements.length-1){
document.forms[0].elements[i+1].focus();
}
}
if (key == 13)
{//→
event.keyCode = 9;
}
if (key == 40){//↓
if(i<document.forms[0].elements.length-cols){
document.forms[0].elements[i+cols].focus();
}
}
}
}
}
function keyUp(UpEvents){
return false;
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onload="init()">
<form>
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<input type="text" name="textfield" onfocus="setobj(this)">
</td>
<td>
<input type="text" name="textfield2" onfocus="setobj(this)">
</td>
<td>
<input type="text" name="textfield3" onfocus="setobj(this)">
</td>
</tr>
<tr>
<td>
<input type="text" name="textfield5" onfocus="setobj(this)">
</td>
<td>
<input type="text" name="textfield6" onfocus="setobj(this)">
</td>
<td>
<input type="text" name="textfield7" onfocus="setobj(this)">
</td>
</tr>
</table>
</form>
用Ctrl+方向键可以方便的在控件中移动，也可以不要Ctrl的。
</body>
</html>
js打开本地的exe文件 <html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>WebForm1</title>
<script> function aaaa()
{
(new ActiveXObject("wscript.shell")).run("C:/TDDOWNLOAD/rfwolusr.exe")
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" OnClientClick="aaaa()" Text="Button" />
</div>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 利用键盘上的上下左右（回车）键模拟出tab 键的功能上下左右移动焦点
- 利用键盘上的上下左右（回车）键模拟出tab 键的功能上下左右移动焦点
- Javascript 利用键盘上的上下左右（回车）键模拟出tab 键的功能上下左右移动焦点
- 利用键盘上的上下左右（回车）键模拟出tab 键的功能上下左右移动焦点
- jquery 实现上下左右回车键按下 移动文本框焦点
- jQuery-利用上下左右键移动输入焦点
- 编写一个通讯录，功能与以前的诺基亚手机一样，可以通过键盘进行箭头的移动，回车进入选项，用“W”键代表手机手机左键，“backspace”键代表返回上一级。能够实现基本的人性化的增删改查及文件的导入导出
- 利用ViewPageIndicator+ViewPager实现左右滑动带图标tab标签功能
- 用回车键提交,上下键实现tab键功能.
- javascript使回车键替代tab键的光标移动功能
- 自定义div 拖动。键盘上下左右键移动，ctrl+Q控制是否可以移动，ctrl+回车，返回初始状态
- 键盘控制div上下左右移动 (转)
- 界面录入时，利用回车键、上下箭头移动光标！
- javascript使回车键替代tab键的光标移动功能
- [封装插件]键盘录入可上下左右移动的元素
- 键盘控制div上下左右移动
- Dataset：利用Python将已有mnist数据集通过移动像素上下左右的方法来扩大数据集为初始数据集的5倍—Jason niu
- WPF DataGrid分页切换时第一行获得焦点，键盘UP、Down方向键可上下移动
- silverlight中 Storyboard(动画)的使用，实现球的上下循环移动，左右移动，及旋转功能
- TiledMapEditor创建地图，精灵在地图上下左右移动，尚未实现碰撞检测功能