Cet article décrit la méthode de contrôle de la sélection et de la mise en évidence des lignes de table par des touches fléchées de haut en bas. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
<style> tr.highlight {background: # 08246b; Couleur: blanc;} </ style> <table id = "ice"> <tr onClick = "selecttr (); return false;"> <td> 123 </td> <td> 234 </td> <td> ABC </td> <td> def </td> </tr> <trd> <Td> ABC </td> <td> def </td> </tr> <tr onClick = "selecttr ();"> <td> 123 </td> <td> 234 </td> <td> ABC </td> <td> def </td> </td> <tr> <Tclick = "Selecttr ();"> <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> </tr> <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; commutateur (e.KeyCode) {Case 38: CurrentLine--; ChangeItem (); casser; Cas 40: CurrentLine ++; ChangeItem (); casser; par défaut: pause; }} function selecttr () {currentLine = window.event.srcelement.parerentelement.rowIndex; // alerte (Currentline); ChangeItem ();} // Modifiez la fonction de sélection de l'élément ChangeItem () {if (document.all) var it = document.getElementById ("Ice"). Enfants [0]; else var it = document.getElementById ("glace"); 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 = "Highlight"; } // -> </ script>J'espère que cet article sera utile à la programmation JavaScript de tous.