Gibt es eine Möglichkeit, ein Mausrad das "Hover" -Ereignis in Javascript auszulösen?

Question

Wenn ein Benutzer standardmäßig mit dem Mausrad die Seite herunterscrollt, werden keine Hover-Ereignisse ausgelöst. Gibt es eine Möglichkeit, dies zu ändern, so dass, solange der Mauszeiger über einem div steht, das Hover-Ereignis ausgelöst wird, egal ob der Benutzer die Maus benutzt oder das Mausrad, um es dorthin zu bewegen?

$(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>

Edit: Der obige Code ein Hover-Ereignis auslöst, aber es wird kein Bild insbesondere die Auswahl, es schweben Ereignisse gerade ist Triggern auf jeder Mausbewegung.

Answer 1

Dies könnte funktionieren:

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); 
});