javascript键盘上下键的操作(选择)_javascript技巧

来源：懂视网责编：小采时间：2020-11-27 20:39:19

javascript键盘上下键的操作(选择)_javascript技巧

javascript键盘上下键的操作(选择)_javascript技巧:两段使用键盘的上下键进行选择的代码：第一段 function document.onkeydown(){ var rowsArray = document.all('oTable').rows; for(var i=0;i=0){ rowsArray[i-1].children[0].style.backgroundColor =

推荐度：

点击下载本文 文档为doc格式

导读javascript键盘上下键的操作(选择)_javascript技巧:两段使用键盘的上下键进行选择的代码：第一段 function document.onkeydown(){ var rowsArray = document.all('oTable').rows; for(var i=0;i=0){ rowsArray[i-1].children[0].style.backgroundColor =

两段使用键盘的上下键进行选择的代码：
第一段

<Script Language="JScript"> 
 function document.onkeydown(){ 
 var rowsArray = document.all('oTable').rows; 
 for(var i=0;i<rowsArray.length;i++){ 
 if(rowsArray[i].children[0].style.backgroundColor=='#dcdcdc'){ 
 switch(window.event.keyCode){ 
 case 38 : 
 if(i-1>=0){ 
 rowsArray[i-1].children[0].style.backgroundColor = '#dcdcdc'; 
 rowsArray[i].children[0].style.backgroundColor = ''; 
 } 
 break; 
 case 40 : 
 if(i+1<=rowsArray.length-1){ 
 rowsArray[i+1].children[0].style.backgroundColor = '#dcdcdc'; 
 rowsArray[i].children[0].style.backgroundColor = ''; 
 } 
 break; 
 } 
 break; 
 } 
 } 
 } 
 function document.onclick(){ 
 if(window.event.srcElement.tagName!='TD'){ return; } 
 var rowsArray = document.all('oTable').rows; 
 for(var i=0;i<rowsArray.length;i++){ 
 if(rowsArray[i].cells[0]==window.event.srcElement){ 
 rowsArray[i].cells[0].style.backgroundColor = '#dcdcdc'; 
 }else{ 
 rowsArray[i].cells[0].style.backgroundColor = ''; 
 } 
 } 
 } 
</Script> 
<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 全选注:如需引入外部Js需刷新才能执行]
第二段

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

javascript键盘上下键的操作(选择)_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：操作技巧 js

热门焦点

javascript键盘上下键的操作(选择)_javascript技巧

javascript键盘上下键的操作(选择)_javascript技巧

javascript键盘上下键的操作(选择)_javascript技巧

最新推荐

猜你喜欢

热门推荐