javascript - 如果悬停速度非常快，Jquery mousemove 会错过一些单元格

Question

我正在非常快速地从左向右移动鼠标，以防某些 td 错过颜色。

这是 jsfiddle:http://jsfiddle.net/czL5Loe4/

我已将 mousemove 放在文档上，但有时会跳过该事件，尤其是在超快速移动时。

$(document).ready(function(){
     $(document).on("mousemove", function(e){
        if (e.which === 1) {
            var cell = $(document.elementFromPoint(e.pageX, 20));            
           if(cell.hasClass("td"))
                cell.addClass("highlighted");
            }
        }       
      );   
});

快速移动时的示例输出:http://gyazo.com/223a2f19f58720fc1d34369233e07533

我能解决这个问题吗？

Answer 1

如果您只想在这些元素上移动，我会执行以下操作。如果您需要收听更多内容，可以从那里进行处理。

$(document).on({
    mouseenter: function(){
       $(this).addClass("highlighted");
    },
    mouseleave: function(){
       // other stuff if you want
    }
}, '.td'); // down here you pass the selector you wish to target

查看此 Working Fiddle