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

最新推荐文章于 2022-08-06 14:45:32 发布

转载最新推荐文章于 2022-08-06 14:45:32 发布 · 2.5k 阅读

文章标签：

#js #表格

js 专栏收录该内容

29 篇文章

订阅专栏

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

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

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