Javascript 当鼠标悬停在另一个div上时更改div的背景图像 函数更新（预览WPIC）{ document.getElementById（“image”）.innerHTML=previewPic.alt； } 函数撤销（）{ document.getElementById（“image”）.innerHTML=“将鼠标悬停在下面的图像上，在此处显示。”； }

这里有一种方法，请参阅下面的代码片段

var div1=document.getElementById（“div1”）；
var div2=document.getElementById（“div2”）；
//当您将鼠标悬停在div1上时，此函数将div2更改为蓝色
函数hoverDiv（）{
div2.style.backgroundColor=“蓝色”；
}
//当您离开div1时，此功能将div变回灰色
函数hoverAway（）{
div2.style.backgroundColor=“灰色”；
}

/*容器就是一个例子*/
.集装箱{
显示器：flex；
弯曲方向：行；
}
#第一组{
高度：200px；
宽度：200px；
背景颜色：绿色；
}
#第二组{
高度：200px；
宽度：200px；
背景颜色：灰色；
}

DIV1

将鼠标悬停在我身上可更改div2的颜色
DIV2

当您将鼠标悬停在div1上时，我将更改颜色

将

鼠标盖

事件附加到div并访问

事件.currentTarget

。