主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
js报表双击固定样式，用于对比
2022-06-24
网页编程网
网页编程网
在很多报表中，需要鼠标上下选择时显示对比颜色，在双击时显示固定的色表示选中状态。
<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>
阅读原文
阅读
2120
123
显示电脑版