如何检测鼠标水平移动(向左或向右移动)

Question

请您看看这个演示，让我知道只有当鼠标向左或向右移动时，我才能检测到mousemove()吗？

基本上，现在发生的事情是jquery检测mousemove事件，即使鼠标从上到下或向下移动到顶部，但我需要禁用它，并检测鼠标水平移动的事件。

​

$( "#target" ).mousemove(function( event ) {
  var msg = "Handler for .mousemove() called at ";
  msg += event.pageX + ", " + event.pageY;
  $( "#log" ).append( "<div>" + msg + "</div>" );
});

#target{width:500px; height:120px; background:yellow;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target">
  Move here
</div>
<div id="other">
  Trigger the handler
</div>
<div id="log"></div>

​

Answer 1

记录鼠标的最后一个位置，如果水平位置已经更改，请运行代码。

​

var lastX = 0;

$( "#target" ).mousemove(function( event ) {
  if(lastX != event.pageX) {
    var msg = "Handler for .mousemove() called at ";
    msg += event.pageX + ", " + event.pageY;
    $( "#log" ).append( "<div>" + msg + "</div>" );
  }
  lastX = event.pageX;
});

#target{width:500px; height:120px; background:yellow;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target">
  Move here
</div>
<div id="other">
  Trigger the handler
</div>
<div id="log"></div>

​