在jquery动画缓动时捕获鼠标悬停事件

【问题标题】：Capturing mouseover events while jquery animates easing在jquery动画缓动时捕获鼠标悬停事件
【发布时间】：2015-05-25 20:45:41
【问题描述】：

我有一个滚动幻灯片，如下所示：

它使用jQuery thumbnails scroller。 (demo)。

当鼠标悬停在幻灯片上时，幻灯片会根据鼠标光标相对于 div 总大小的位置为滚动 div 设置动画。我想在 div 滚动时捕获鼠标事件，所以我可以在用户滚动时说出鼠标在哪个项目上。

我该怎么做？ jQuery .hover()、.mouseenter() 等仅在鼠标移动时触发，当幻灯片滚动条在悬停时改变位置。

【问题讨论】：

标签： jquery hover jquery-animate mouseevent slideshow

【解决方案1】：

也许下面的片段是一半的答案。

$( ".target" ).mousemove(function( event ) {
 var msg = $(this).attr('id');
  $( "#log" ).append( "<div>" + msg + "</div>" );
});

#target{
width:100%;
  height: 100px;
}

.target{
float:left;
  margin: 15px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target">

  
  <div class="target" id="item1">
  ITEM 1
</div>
  <div class="target" id="item2">
  ITEM 2
</div>
  <div class="target" id="item3">
  ITEM 3
</div>
</div>

<div id="log"></div>

这有帮助吗？

【讨论】：