Artikel ini menjelaskan metode mengendalikan pemilihan dan penyorotan baris tabel oleh JavaScript Up dan Down Arrow Keys. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
<tyle> tr.highlight {latar belakang:#08246b; Warna: white;} </tyle> <table id = "ice"> <tr onclick = "selecttr (); return false;"> <td> 123 </td> <td> 234 </td> <td> ABC </td> <td> </td </tr> <tr onclick = "TD ();" <td> ABC </td> <td> def </td> </tr> <tr onClick = "selecttr ();"> <td> 123 </td> <td> 234 </td> <td> ABC </td> <t) </td> </td </tr> <TR onClick = " <td> 234 </td> <td> abc </td> <td> def </td> </tr> <tr onClick = "selecttr ();"> <td> 123 </td> <td> </td> <t/123 </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td <td> 234 </td> <td> ABC </td> <td> def </td> </tr> </able> <skrip bahasa = "javascript"> <!-var currentLine = -1; document.onkeyDown = function (e) {e = window.event || e; switch (e.keycode) {case 38: currentLine--; changeItem (); merusak; Kasus 40: CurrentLine ++; changeItem (); merusak; default: break; }} fungsi pilih () {currentline = window.event.srcelement.parentelement.rowIndex; // peringatan (lancar); changeItem ();} // ubah fungsi item pemilihan changeItem () {if (document.all) var it = document.geteLementById ("es"). anak -anak [0]; lain var it = document.geteLementById ("es"); untuk (i = 0; i <it.rows.length; i ++) {it.rows [i] .className = ""; } if (currentLine <0) currentLine = it.rows.length - 1; if (currentLine == it.rows.length) arus lancar = 0; It.rows [CurrentLine] .ClassName = "Sorot"; } //-> </script>Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.