Este artigo descreve o método de controlar a seleção e o destaque das linhas de tabela de teclas de seta JavaScript para cima e para baixo. Compartilhe para sua referência. O método de implementação específico é o seguinte:
<estilo> tr.highlight {background:#08246b; Cor: White;} </style> <tabela id = "gelo"> <tr onclick = "selecttr (); retorna false;"> <td> 123 </td> <td> 234 </td> <td> abc </td> <td> defin </td> </trd> <lclick = "selectTr (); <Td> abc </td> <td> def </td> </tr> <tr onclick = "selecttr ();"> <td> 123 </td> <td> 234 </td> <td> abc </td> <td> def <td> 234 </td> <td> abc </td> <td> def </td> </tr> <tr onclick = "selecttr ();"> <td> 123 </td> <td> 234 </td> <td> abc </td> <td> <t3444 <Td> 234 </td> <td> abc </td> <td> def </td> </tr> </tabela> <script linguage = "javascript"> <!-var currentLine = -1; document.onkeydown = function (e) {e = window.event || e; Switch (e.KeyCode) {Caso 38: CurrentLine--; changeItem (); quebrar; Caso 40: CurrentLine ++; changeItem (); quebrar; Padrão: quebra; }} função selecttr () {currentLine = window.event.srcelement.parentelement.rowindex; // alert (linha de corrente); ChangeItem ();} // Altere a função do item de seleção ChangeItem () {if (document.all) var it = document.getElementById ("gelo"). crianças [0]; else var it = document.getElementById ("gelo"); for (i = 0; i <it.rows.length; i ++) {it.rows [i] .className = ""; } if (currentLine <0) currentLine = it.rows.length - 1; if (currentline == it.rows.length) currentline = 0; It.Rows [CurrentLine] .className = "Destaque"; } //-> </script>Espero que este artigo seja útil para a programação JavaScript de todos.