js报表双击固定样式,用于对比
在很多报表中,需要鼠标上下选择时显示对比颜色,在双击时显示固定的色表示选中状态。
<table style="width:80%" border=1 onmouseover="getrow(this)" onmouseout="backrow(this)" ondblclick="selectRow(this)"> <tr><td>1</td><td>1</td></tr> <tr><td>3</td><td>1</td></tr> <tr><td>5</td><td>1</td></tr> <tr><td>7</td><td>1</td></tr> <tr><td>9</td><td>1</td></tr> <tr><td>11</td><td>1</td></tr> </table> <script> var selectLine=-1 function getrow(obj){ if(event.srcElement.tagName=="TD"){ curRow=event.srcElement.parentElement curRow.style.background="yellow" } }//getrow function backrow(obj){ if(event.srcElement.tagName=="TD"){ curRow=event.srcElement.parentElement if(curRow.rowIndex==selectLine){ curRow.style.background="blue" }else{ curRow.style.background="pink" } } }//backrow function selectRow(obj){ if(event.srcElement.tagName=="TD"){ curRow=event.srcElement.parentElement curRow.style.background="blue" selectLine=curRow.rowIndex //alert("这是第"+(curRow.rowIndex+1)+"行") }//if console.log(selectLine) }//selectRow </script>