用Ctrl+方向键可以方便的在控件中移动

最新推荐文章于 2022-03-05 13:51:53 发布

zss1100

最新推荐文章于 2022-03-05 13:51:53 发布

阅读量791

点赞数

分类专栏： javascript 文章标签： input function javascript border table html

javascript 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>用Ctrl+方向键可以方便的在控件中移动</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.οnkeydοwn=keyDown;
document.οnkeyup=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;
}
}
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   ==   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"   οnlοad="init()">
<form>
<table   border="0"   cellspacing="0"   cellpadding="0"   align="center">
      <tr>
          <td>
              <input   type="text"   name="textfield"   οnfοcus="setobj(this)">
          </td>
          <td>
              <input   type="text"   name="textfield"   οnfοcus="setobj(this)">
          </td>
          <td>
              <input   type="text"   name="textfield"   οnfοcus="setobj(this)">
          </td>
      </tr>
      <tr>
          <td>
              <input   type="text"   name="textfield"   οnfοcus="setobj(this)">
          </td>
          <td>
              <input   type="text"   name="textfield"   οnfοcus="setobj(this)">
          </td>
          <td>
              <input   type="text"   name="textfield"   οnfοcus="setobj(this)">
          </td>
      </tr>
</table>
</form>
用Ctrl+方向键可以方便的在控件中移动
</body>
</html>

zss1100

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用Ctrl+方向键可以方便的在控件中移动

用Ctrl+方向键可以方便的在控件中移动 var cols=3; var obj; var CanMove=false; var key; function setobj(input){ obj=input; } fu
复制链接

扫一扫

专栏目录