&

table如何用方向鍵進行移動文本框input聚焦點(完整代碼)

當前位置：點晴教程→知識管理交流 →『技術文檔交流』

liguoquan

2023年6月8日 16:48 本文熱度 1153

：table如何用方向鍵進行移動文本框input聚焦點(完整代碼)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</tr>

</tr>

</table>

</body>

//全局變量記錄行列索引

var rows_count;

var cols_count;

//向左移動

function moveLeft(r,c,tableId){

var obj = document.getElementById(tableId);

if (c>0) {c=c-1;}

obj.rows[r].cells[c].childNodes[0].focus();

}

//向右移動

function moveright(r,c,tableId){

var obj = document.getElementById(tableId);

if(c<obj.rows[r].cells.length){c=c+1;}

obj.rows[r].cells[c].childNodes[0].focus();

}

//向上移動

function moveup(r,c,tableId){

var obj = document.getElementById(tableId);

if(r>0)r=r-1;

obj.rows[r].cells[c].childNodes[0].focus();

}

//向下移動

function movedown(r,c,tableId){

var obj = document.getElementById(tableId);

if(r<obj.rows.length){r=r+1;}

obj.rows[r].cells[c].childNodes[0].focus();

}

/**

* @function 獲取Table單元格Input的值

* @param {string} 參數 tableId

* @returns 返回數組

* @desription 說明：參數為Table的id值

function getTableValue(tableId,keycode) {

var obj = document.getElementById(tableId);

//循環Table行數

for (var i = 0; i < obj.rows.length; i++) {

for (var j = 0; j < obj.rows[i].cells.length; j++) {

if (obj.rows[i].cells[j].childNodes[0] == document.activeElement) {

rows_count=i;

cols_count=j;

if(keycode==37){

moveLeft(rows_count,cols_count,tableId);

beark;

}

if(keycode==38){

moveup(rows_count,cols_count,tableId);

beark;

}

if(keycode==39){

moveright(rows_count,cols_count,tableId);

beark;

}

if(keycode==40){

movedown(rows_count,cols_count,tableId);

beark;

}

//全局監聽事件

document.onkeydown=function(e){ //對整個頁面監聽

var keyNum=window.event ? e.keyCode :e.which;

//按下左鍵

if(keyNum==37){

getTableValue("tablePop","37");

}

//向上鍵

if(keyNum==38){

getTableValue("tablePop","38");

}

//右鍵

if(keyNum==39){

getTableValue("tablePop","39");

}

//向下鍵

if(keyNum==40){

getTableValue("tablePop","40");

}

</script>

</html>

該文章在 2023/6/8 16:48:25 編輯過

關鍵字查詢

正在查詢...

點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。

點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理，結合碼頭的業務特點，圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業的高效ERP管理信息系統。

點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。

91网首页-91网页版-91网在线观看-91网站免费观看-91网站永久视频-91网站在线播放

table如何用方向鍵進行移動文本框input聚焦點(完整代碼)