자바스크립트 키보드 상하키 조작(선택)_자바스크립트 스킬

키보드의 위쪽 및 아래쪽 키를 사용하여 선택하기 위한 두 단락의 코드:
첫 번째 단락

<style> TD { cursor: hand; } </style> <table id="oTable" style="width:240px;border:1px highlight solid; font-size:12px;"> <tr> <td style="background-color:#dcdcdc;">鼠标点击或按↑↓改变行的颜色</td> </tr> <tr> <td>鼠标点击或按↑↓改变行的颜色</td> </tr> <tr> <td>鼠标点击或按↑↓改变行的颜色</td> </tr> <tr> <td>鼠标点击或按↑↓改变行的颜色</td> </tr> </table>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]
두 번째 문단

<table id="tb"> <tr> <td>00000000000000</td> </tr> <tr> <td>11111111111111</td> </tr> <tr><td>22222222222222</td></tr> <tr><td>33333333333333</td></tr> </table> <input type="text" name="show" value="do">
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]<script> var i=0; function document.onkeydown(){ if (event.keyCode == 38){ for(var k=0;k<document.getElementById('tb').rows.length;k++){ document.getElementById('tb').rows(k).bgColor=""; } document.getElementById('tb').rows(--i%tb.rows.length).bgColor="#FF0000"; document.all.show.value=document.getElementById('tb').rows(i%tb.rows.length).innerText; } if (event.keyCode== 40){ for(var k=0;k<document.getElementById('tb').rows.length;k++){ document.getElementById('tb').rows(k).bgColor=""; } document.getElementById('tb').rows(++i%document.getElementById('tb').rows.length).bgColor="#FF0000"; document.all.show.value=document.getElementById('tb').rows(i%tb.rows.length).innerText; } } </script>