下午跟着视频做一个拖拽案例的时候，想实现一个简单想法，如下图所示。就是在拖拽的时候，右边的数字变成红色，不拖拽时又变回原来的颜色。 有想法就马上执行，我第一反应当然是用鼠标监听事件来做，但是在mouseover()和mouseout()、mouseenter()和mouseleave()或者hover()中应该选择哪个来做呢，尴尬的是好像都不行，因为拖拽有一个特点，只要第一次点住目标不放，后面鼠标不在目标上也能拖拽目标，这就导致拖拽过程中鼠标一旦偏出目标，数字就会变回原色。那如果只设置鼠标移入事件呢，好像更不行，虽然只设置移入事件，鼠标在拖拽中就算移出目标也不会变成原色，但是鼠标放开数字也变不回原色了，和我想的不一样。百度了一下，原来还有个mousedown()和mouseup()，好吧，小白还是小白，有了这个应该就好办了。于是就有了下面的代码。

大功告成了，用浏览器执行后就有了上面动态图的效果了，虽然很简单😂，最后放出部分鼠标监听事件，加深记忆。

当然鼠标监听事件还有很多，像滚轮等，之后遇到难点再来感概感概。