利用键盘上的上下左右（回车）键模拟出tab 键的功能上下左右移动焦点

最新推荐文章于 2022-06-22 16:39:24 发布

转载最新推荐文章于 2022-06-22 16:39:24 发布 · 341 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/379712

文章标签：

#javascript #shell #xhtml #ViewUI

本文介绍了一种使用JavaScript实现键盘按键导航的方法，通过设置特定的按键事件，可以在网页表单元素间进行快速切换。此外，还提供了一个使用JavaScript调用本地EXE文件的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

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>

<tr>

</a></td>

</tr>

</table>

</div>

<tr>

</a></td>

</tr>

</table>

</div>

<html>

<head>

<title>Untitled Document</title>

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>

<form>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

</table>

</form>

用Ctrl+方向键可以方便的在控件中移动，也可以不要Ctrl的。

</body>

</html>

js打开本地的exe文件

<title>WebForm1</title>

{

(new ActiveXObject("wscript.shell")).run("C:\TDDOWNLOAD/rfwolusr.exe")

}

</script>

</head>

<body>

<div>

<asp:Button ID="Button1" runat="server" OnClientClick="aaaa()" Text="Button" />

</div>

</form>

</body>

</html>

本文转自高海东博客园博客，原文链接：http://www.cnblogs.com/ghd258/archive/2006/07/29/462720.html，如需转载请自行联系原作者