我有一个要求，但我真的不知道如何实现它.要求如下:
当鼠标移动到红色块时，蓝色div可以打开，但当鼠标在蓝色div内操作时，块不能关闭，但只要鼠标离开蓝色块，蓝色div就会消失，
我真的不知道怎么实施，我希望能得到你们的帮助，谢谢.
let hover = document.querySelector('.hover');
let wrap = document.querySelector('.wrap');
let hover1 = hover.offsetLeft;
let hover2 = hover.offsetTop;
let hover3 = hover.offsetLeft;
let hover4 = hover.offsetWidth;
document.addEventListener('mousemove', function(e) {
//....
});body {
width: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.demo {
position: relative;
}
.hover {
font-size: 30px;
font-weight: 900;
color: blue;
border: 2px solid #222;
color: #fff;
cursor: pointer;
background-color: red;
}
.wrap {
position: absolute;
top: 80px;
width: 120px;
padding: 10px;
background-color: blue;
color: #fff;
border: 2px solid #222;
display: none;
}<div class="demo">
<p class="hover">hover goin</p>
<div class="wrap">
<h2>title</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo modi quasi </p>
</div>
</div>