亚洲乱色熟女一区二区三区丝袜,天堂√中文最新版在线,亚洲精品乱码久久久久久蜜桃图片,香蕉久久久久久av成人,欧美丰满熟妇bbb久久久

LOGO OA教程 ERP教程 模切知識(shí)交流 PMS教程 CRM教程 開(kāi)發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

如何給table添加方向鍵上下左右移動(dòng)聚焦的功能

liguoquan
2023年6月12日 10:7 本文熱度 1733
:如何給table添加方向鍵上下左右移動(dòng)聚焦的功能

  1. 文件最后面添加以下代碼

<script>

//全局變量

                var rows_count;

var cols_count;

               //向左移動(dòng)函數(shù)

function moveLeft(r,c,tableId){

var obj = document.getElementById(tableId);

if (c>0) {

for(i=c-1;i>=0;i--){

try{

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

break;

}catch(e){

}

}

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

}

                 //向右移動(dòng)函數(shù)

function moveright(r,c,tableId){

var obj = document.getElementById(tableId);

if(c<obj.rows[r].cells.length ){

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

try{

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

break;

}catch(e){

}

}

}

}

                 //向上移動(dòng)函數(shù)

function moveup(r,c,tableId){

var obj = document.getElementById(tableId);

if(r>0){

for(i=r-1;i>=0;i--){

try{

    if((c+1)>obj.rows[i].cells.length){

     c=obj.rows[i].cells.length-1;

        }

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

break;

}catch(e){

}

}

}

 

}

                 //向下移動(dòng)函數(shù)

function movedown(r,c,tableId){

var obj = document.getElementById(tableId);

if(r<(obj.rows.length-1)){

for(i=r+1;i<obj.rows.length;i++){

try{

if((c+1)>obj.rows[i].cells.length){

c=obj.rows[i].cells.length-1;

    }

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

break;

}catch(e){

}

}

}

}

/**

* @function 獲取Table單元格Input

* @param {string} 參數(shù) tableId keycode

* @desription 說(shuō)明:參數(shù)為T(mén)able的id值和對(duì)應(yīng)方向鍵的數(shù)碼

*/

                 //獲取對(duì)應(yīng)的行列數(shù),并調(diào)方向鍵事件

function getTableValue(tableId,keycode) {

    var obj = document.getElementById(tableId);

    //循環(huán)Table行數(shù)  

    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);

  }

  if(keycode==38){

   moveup(rows_count,cols_count,tableId);

  }

  if(keycode==39){

   moveright(rows_count,cols_count,tableId);

  }

  if(keycode==40){

   movedown(rows_count,cols_count,tableId);

  }

}

document.onkeydown=function(e){    //對(duì)整個(gè)頁(yè)面監(jiān)聽(tīng)  

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

//按下左鍵  

if(keyNum==37){  

getTableValue("indexTable","37");

}  

 

//向上鍵

if(keyNum==38){  

  getTableValue("indexTable","38");

  

}  

//右鍵

if(keyNum==39){

   getTableValue("indexTable","39");

   

}  

//向下鍵

if(keyNum==40){

  getTableValue("indexTable","40");

}  


}

</script>

2.如何調(diào)用,例如: getTableValue("indexTable","40");,該函數(shù)的第一參數(shù)對(duì)應(yīng)的是table的id,只須改成對(duì)應(yīng)table的id即可。也對(duì)多個(gè)table的id進(jìn)行監(jiān)聽(tīng)。

多調(diào)用一次該函數(shù)即可,例如:

if(keyNum==40){

  getTableValue("indexTable","40");

                  getTableValue("headTable","40");

}  



該文章在 2023/6/12 10:07:07 編輯過(guò)
關(guān)鍵字查詢(xún)
相關(guān)文章
正在查詢(xún)...
點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專(zhuān)業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車(chē)隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場(chǎng)作業(yè)而開(kāi)發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類(lèi)企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷(xiāo)售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶(hù)的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved