Question

我需要一个事件，每当我将鼠标移动到某个HTML元素上时，就会调用该事件。但我需要它一直开始移动，而不仅仅是当我输入一些元素时（如mouseover，mouseenter或hover事件）。

我看到很多人在几年前试图做相反的功能（鼠标悬停元素一直在我的徘徊在某个div之上）但是每当我测试这个事件时，它只在我进入时才会启动一些div。每当我移动鼠标时，我都需要它来启动，并且我在观察元素之上，所以我可以确定鼠标相对于该元素的相对位置。

是否存在我缺少的事件，或者是否有一些解决方法如何基于悬停（而不是单击，dbclick，..）来跟踪某个元素中的鼠标位置？

Answer 1

添加mouseover事件，然后绑定到mousemove。当你移动div时，我给你做了一个小例子来看坐标。

$("#mydiv").bind('mousemove', function(event) 
{ 
    var offsetleft = this.offsetLeft;
    var offsettop = this.offsetTop;
    var coordX = event.pageX - offsetleft;
    var coordY = event.pageY - offsettop;
    $("#coords").html("X: " + coordX + " Y: " + coordY);                                 
});

http://jsfiddle.net/dVqwH/2/

Answer 2

尝试使用mousemove：http://api.jquery.com/mousemove/

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

Answer 3

您可以绑定到mousemove jQuery event

$( "html" ).mousemove(function( event ) {
  ...
});

jsFiddle demo

在示例中，我绑定到所有文档，但您可以使用jquery selectors轻松绑定到感兴趣的元素

jQuery：事件“mouseover” - like

3 个答案: