JS方向键切换输入框焦点
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-trong class="superseo">transitional.dtd"
html xmlns="/1999/xhtml"
head
title JS方向键切换输入框焦点 /title
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
/head
body
table border="1" id="mm"
tr td input /td td input /td td input /td td input /td /tr
tr td input /td td input /td td input /td td input /td /tr
tr td input /td td input /td td input /td td input /td /tr
tr td input /td td input /td td input /td td input /td /tr
tr td input /td td input /td td input /td td input /td /tr
/table
script language="javascript" type="text/javascript"
!--
var inputs=document.getElementById("mm").getElementsByTagName("INPUT");
function keyDown(event)
{
var focus=document.activeElement;
if(!document.getElementById("mm").contains(focus)) return;
var event=window.event||event;
var key=event.keyCode;
for(var i=0; i inputs.length; i++)
{
if(inputs[i]===focus) break;
}
switch(key)
{
case 37:
if(i 0) inputs[i-1].focus();
break;
case 38:
if(i-4 =0) inputs[i-4].focus();
break;
case 39:
if(i inputs.length-1) inputs[i+1].focus();
break;
case 40:
if(i+4 inputs.length) inputs[i+4].focus();
break;
}
}
//--
/script
/body
/html
本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
0条评论