如何实现JavaWeb表格鼠标移入移出颜色动态变化的复杂效果？

本文共计884个文字，预计阅读时间需要4分钟。

最近学习JavaWeb时，遇到一个有关鼠标移动事件的案例。今天在此记录一下，同时巩固相关知识。效果为：鼠标移动到表格对应行时，该行的背景颜色发生变化。

最近在学习JavaWeb时，有用到鼠标移动事件，所以今天在这里记录一个相关的案例，同时也是对相关知识的一个巩固，效果为在鼠标移动到表格对应行列时，该行列的背景颜色发生变化。

效果如下：

其中用到是onmouseover和onmouseou事件t，同时还有一个作用相似的事件叫做onmousemove，所以在这里先对这三种鼠标事件做一个简单的对比：

• 在时间上：如果两个事件同时存在，先是onmousemove事件触发后，才会触发onmouseover事件。
• 在按钮上：onmousemove和onmouseover都不区分鼠标按钮
• 在动作上：onmouseover是在鼠标刚移入区域的时候触发，onmousemove是除了鼠标移入区域时触发外，鼠标在区域内移动同样也会触发事件。
• 两者区别：当鼠标移过当前对象区域时就产生了onmouseover事件，所以onmouseover事件有个移入移出的过程,当鼠标在当前对象区域上移动时就产生了onmousemove事件，只要是在对象上移动而且没有移出对象的，那么就是onmousemove事件。

onmouseout事件则是在鼠标移出对象区域时触发。