过渡后的HoverOut

Question

要见证这个错误，请将鼠标悬停在覆盖框的右侧（悬停后不要将鼠标移动1px）： http://jsfiddle.net/V99rf/

<style>
.container, .hoverMover {width:100px; height:100px; background:rgba(0,0,0,.2);}
.container {position:relative;}
.hoverMover {position:absolute; top:0; left:50px;}

.container:hover .hoverMover {background:green; left:0;}

.trans {-webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
</style>
<div class="container">
  <div class="hoverMover trans">
  </div>
</div>

请注意，即使dom元素向左移动，它仍然保持绿色，并设置了“：hover”。移动鼠标后立即解除此设置。当dom元素从鼠标下移动时，即使鼠标未移动，如何使其不设置？

递归javascript超时会不满意，但可能是唯一的方法......？

Answer 1

这仅适用于事件，因此您需要某种迭代循环来完成您要查找的内容。