發(fā)布日期:2023/4/7 16:06:38 瀏覽量:
實現(xiàn)js方向鍵控制切換輸入框焦點效果,不過無法兼容Firefox。當(dāng)輸入完畢按回車或按方向鍵可移動焦點至想要輸入的文本框內(nèi),無需點擊鼠標(biāo),對于經(jīng)常錄入數(shù)據(jù)的時候,這種功能可提高輸入速度。
具體代碼如下:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
-
<title>JS方向鍵切換輸入框焦點</title>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
</head>
-
<body>
-
<table border="1" id="mm" onkeydown="keyDown(event)">
-
<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>
業(yè)務(wù)實施流程
需求調(diào)研 →
團隊組建和動員 →
數(shù)據(jù)初始化 →
調(diào)試完善 →
解決方案和選型 →
硬件網(wǎng)絡(luò)部署 →
系統(tǒng)部署試運行 →
系統(tǒng)正式上線 →
合作協(xié)議
系統(tǒng)開發(fā)/整合
制作文檔和員工培訓(xùn)
售后服務(wù)
馬上咨詢: 如果您有業(yè)務(wù)方面的問題或者需求,歡迎您咨詢!我們帶來的不僅僅是技術(shù),還有行業(yè)經(jīng)驗積累。
QQ: 39764417/308460098 Phone: 13 9800 1 9844 / 135 6887 9550 聯(lián)系人:石先生/雷先生