js控制鼠标移动到表格的某一行时改变该行的背景色

最新推荐文章于 2021-09-02 09:55:53 发布

C_mihoo

最新推荐文章于 2021-09-02 09:55:53 发布

阅读量2.4k

点赞数

分类专栏： js 文章标签： js 表格

js 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的简单方法，当鼠标悬停在表格行上时更改其背景颜色。通过设置不同颜色来区分当前选中行，增强用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var curRow=null; 
var curColor="#61c2e0"; 
/**
 * 当鼠标移动到表格的某一行时改变该行的背景色
 * @param trObj：当前行
 * @return
 */
function changeColor(trObj) {

	if (curRow)
		curRow.style.backgroundColor = "#def2f9"; // 先将所有行的背景色变为原色
	trObj.style.backgroundColor = curColor; // 将当前鼠标移动到的行的背景色改变为想要变成的颜色
	curRow = trObj;
}