Question

如何从原始元素.E中将鼠标移出时，如何检测第一个元素（目标）的类？

＆＃13;

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

＆＃13;

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;}

＆＃13;

<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>

＆＃13;

Answer 1

let leftE = false;

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

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

只需使用标记即可捕获mouseleave之后的下一个mouseover事件。

如何从origin元素中鼠标移出时检测第一个元素（目标）

1 个答案: