이 기사에서는 JavaScript Up and Down Arrow 키에 의해 테이블 행의 선택 및 강조 표시를 제어하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
<style> tr.Highlight {배경 :#08246B; 색상 : 흰색;} </style> <table id = "ice"> <tr onclick = "selecttr (); return false;"> <td> 123 <td> <td> 234 </td> <td> abc </td> <td> def </td> </tr> <tr onclick = "selecttr ();"> 123 <td> 123 <td> <td> abc </td> <td> def </td> </td> </tr> <tr onclick = "selecttr ();"> <td> 123 </td> <td> 234 </td> <td> abc </td> <td> def </td> </tr> <tr onclick = "select ();"> <td> ";"> <td> 234 </td> <td> abc </td> <td> def </td> </tr> <tr onclick = "selecttr ();"> <td> 123 </td> <td> 234 </td> <td> abc </td> <td> def </td> <td> 123 </td> <td> 234 </td> <td> abc </td> <td> def </td> </tr> </table> <script language = "javaScript"> <!-var currentline = -1; document.onkeydown = function (e) {e = window.event || 이자형; 스위치 (e.keycode) {case 38 : currentline-; ChangeItem (); 부서지다; 사례 40 : CurrentLine ++; ChangeItem (); 부서지다; 기본값 : 브레이크; }} 함수 selecttr () {currentLine = window.event.srcelement.parentElement.rowIndex; // 경고 (currentLine); changeItem ();} // 선택 항목 함수 변경 changeItem () {if (document.all) var it = document.getElementById ( "Ice"). children [0]; else var it = document.getElementById ( "Ice"); 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 = "하이라이트"; } //-> </script>이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.