如何在鼠标移出原始元素时检测第一个元素(目标)

Question

当鼠标从原始元素.E中移出时，如何检测第一个元素(目标)的类别

​

$(".E").mouseout(function() {});

body { padding: 20px;}
#box { width: 170px; height: 300px;}
#box-1,#box-2,#box-3,#box-4,#box-5,#box-6,#box-7,#box-8,#box-9 { height: 50px; width: 50px;  border: 1px solid #ccc;  float: left;}
#box-5 {background: khaki;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="box">
  <div id="box-1" class="A"></div>
  <div id="box-2" class="B"></div>
  <div id="box-3" class="C"></div>
  <div id="box-4" class="D"></div>
  <div id="box-5" class="E"></div>
  <div id="box-6" class="F"></div>
  <div id="box-7" class="G"></div>
  <div id="box-8" class="H"></div>
  <div id="box-9" class="I"></div>
</div>

​

Answer 1

let leftE = false;

$(".E").mouseout(() => leftE = true);

$(window).mouseover(function(event) {
  if(leftE) {
    const el = event.target // <<<<
    leftE = false;
  }
});

只需使用一个标志来捕获鼠标离开后的下一个mouseover事件。