最近在学习JavaWeb时，有用到鼠标移动事件，所以今天在这里记录一个相关的案例，同时也是对相关知识的一个巩固，效果为在鼠标移动到表格对应行列时，该行列的背景颜色发生变化。
效果如下：
其中用到是onmouseover和onmouseou事件t，同时还有一个作用相似的事件叫做onmousemove，所以在这里先对这三种鼠标事件做一个简单的对比：
**在时间上：**如果两个事件同时存在，先是onmousemove事件触发后，才会触发onmouseover事件。
**在按钮上：**onmousemove和onmouseover都不区分鼠标按钮
在动作上：onmouseover是在鼠标刚移入区域的时候触发，onmousemove是除了鼠标移入区域时触发外，鼠标在区域内移动同样也会触发事件。
两者区别：当鼠标移过当前对象区域时就产生了onmouseover事件，所以onmouseover事件有个移入移出的过程,当鼠标在当前对象区域上移动时就产生了onmousemove事件，只要是在对象上移动而且没有移出对象的，那么就是onmousemove事件。
onmouseout事件则是在鼠标移出对象区域时触发。
搞懂这三者之间的关系，在进行鼠标经过事件的处理时只需使用对应的事件触发即可：
接下来是对上述事件和效果的代码：
Jsp部分代码：
<%@ page language=“java” import=“java.util.*” pageEncoding=“utf-8”%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"/"+request.getServerNam
《一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义》
【docs.qq.com/doc/DSmxTbFJ1cmN1R2dB】 完整内容开源分享
e()+":"+request.getServerPort()+path+"/";
%>
Js部分代码：
onload = function() {
var t0 = document.getElementById(“t0”);
var t1 = document.getElementById(“t1”);
var t2 = document.getElementById(“t2”);
var t3 = document.getElementById(“t3”);
t0.onmouseover = function () {
t0.style.backgroundColor = “green”;
}
