在两个div之间移动鼠标时避免淡出

<div id="div1"></div>
<div id="div2"></div>

var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");

document.addEventListener("mousemove", function(event) {
  var x = event.clientX;
  var y = event.clientY;

  // 判断鼠标位置，控制div的显示和隐藏
  if (x < div1.offsetLeft || x > div1.offsetLeft + div1.offsetWidth ||
      y < div1.offsetTop || y > div1.offsetTop + div1.offsetHeight) {
    div1.style.opacity = 0;
  } else {
    div1.style.opacity = 1;
  }

  if (x < div2.offsetLeft || x > div2.offsetLeft + div2.offsetWidth ||
      y < div2.offsetTop || y > div2.offsetTop + div2.offsetHeight) {
    div2.style.opacity = 0;
  } else {
    div2.style.opacity = 1;
  }
});