javascript - 有没有办法让鼠标滚轮触发Javascript中的 "hover"事件？

Question

默认情况下，如果用户使用鼠标滚轮向下滚动页面，则不会触发任何悬停事件。有没有办法改变这一点，以便只要指针悬停在 div 上，无论用户使用鼠标还是鼠标滚轮将其移动到那里，它都会触发悬停事件？

$(window).load(function() {
  $(document).bind('mousewheel', function(e) {
    console.log(e.pageX);
    console.log(e.pageY);
    var e1 = $.Event('mouseenter');
    e1.pageX = e.pageX + 1;
    e1.pageY = e.pageY;
    $('img').trigger(e1);

    var e2 = $.Event('mousemove');
    e2.pageX = e.pageX + 1;
    e2.pageY = e.pageY;
    $('img').trigger(e2);
  });
});

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

编辑:上面的代码触发悬停事件，但它没有选择任何特定的图像，它只是在每次鼠标移动时触发悬停事件。

Answer 1

这可能有效:

var x = 0, y = 0;

$(document).bind('mousemove', function(event) {x = event.clientX; y = event.clientY;});

$(document).bind('mousewheel', function(e1) {
    var rand = Math.floor(Math.random*2) ? 1 : -1;
    X = x+rand;
    Y = y;
    setTimeout(function() {$("body").trigger($.Event("mousemove", {clientX: X, clientY: Y}));}, 400);
});