Keyboard_javascript 기술의 위쪽 및 아래쪽 키를 사용하여 테이블 행을 선택하는 Node.js 코드

//작업할 형식은 다음과 같습니다. <table id="tb"> <tr> <td>这是第一行</td> </tr> <tr> <td>这是第二行</td> </tr> <tr><td>这是第三行</td></tr> <tr><td>这是第四行</td></tr> </table> //테이블을 조작하는 코드입니다. <input type="text" id="show" value="do">
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]<script> var rowNo= -1; var tableId = 'tb'; var inputId = 'show'; var selectedColor = "#FF0000" function document.onkeydown() { //事件的标识代码 if (event.keyCode == 38) { for(var k=0;k<document.getElementById(tableId).rows.length;k++) { document.getElementById(tableId).rows(k).bgColor="#FFFFFF"; } if(rowNo == 0) { rowNo++; } document.getElementById(tableId).rows(--rowNo%document.getElementById(tableId).rows.length).bgColor=selectedColor; document.getElementById(inputId).value=document.getElementById(tableId).rows(rowNo%document.getElementById(tableId).rows.length).innerText; } //事件的标识代码 if (event.keyCode== 40) { for(var k=0;k<document.getElementById(tableId).rows.length;k++) { document.getElementById(tableId).rows(k).bgColor="#FFFFFF"; } document.getElementById(tableId).rows(++rowNo%document.getElementById(tableId).rows.length).bgColor=selectedColor; document.getElementById(inputId).value=document.getElementById(tableId).rows(rowNo%document.getElementById(tableId).rows.length).innerText; } } </script>