当前位置:首页 > 网站应用

js报表双击固定样式,用于对比

cjw1233年前 (2023-11-01)网站应用5460

在很多报表中,需要鼠标上下选择时显示对比颜色,在双击时显示固定的色表示选中状态。

<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>


扫描二维码推送至手机访问。

版权声明:本文由追求完美发布,如需转载请注明出处。

本文链接:https://www.cjw123.com/blog/?id=38

标签: JS
分享给朋友:

相关文章

html meta标签屏蔽搜索引擎的用法

html页面中的 meta 标签可以用来识别搜索引擎的蜘蛛类型,可以规定meta标签所在的html页面是否被蜘蛛抓取,下面是这个meta标签的用法,大家可以借鉴一下。搜索引擎的 meta 标签的解析下面是meta标签对搜索引擎的解析<meta name='robot…

滚动文字消息代码

网上收集的滚动文字消息代码<!DOCTYPE html>     <html>     <head>     <meta&…

网站js防扒代码-禁止右键/F12/调试自动关闭窗口

非常暴力。宣称可以禁用所有一切可以进入开发者工具的方法,防止通过开发者工具进行的 "代码搬运"1.效果演示演示站以及原文地址:https://theajack.github.io/disable-devtool/说明:此法较为非常j狠。宣称可以禁用所有一切可以进入开发者工具的方法…

css3+html5特效制作闪烁的文字

<head><charset="utf-8" /> <style> @-webkit-keyframes flash {     0%{   &n…

兼容的HTML5的网页圆角提示框

<!doctype html><html><head><meta charset="utf-8"> <title>纯css的圆角提示框全兼容_www.youkud.com</title>…

纯css实现文字音符跳动效果

通过纯css实现文字音符跳动效果。点下面的运行可以查看效果!<!doctype html><html>     <head>        …

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。