有没有办法让鼠标滚轮在Javascript中触发“悬停”事件？(Is there a way to make a mousewheel trigger the “hover” event in Javascript?)

 默认情况下，如果用户使用鼠标滚轮向下滚动页面，则不会触发任何悬停事件。 有没有办法改变这一点，只要指针悬停在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>
 
 
 
 
 
 编辑：上面的代码触发了悬停事件，但它没有特别选择任何图像，它只是在每次鼠标移动时触发悬停事件。 

By default, if a user uses the mousewheel to scroll down the page, it doesn't trigger any of the hover events. Is there a way to change this so that as long as the pointer is hovering over a div, it will trigger the hover event whether the user used the mouse or the mousewheel to move it there?
 
 
 
 
 
  
$(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: The above code is triggering a hover event, but it's not selecting any image in particular, it's just triggering hover events on every mouse move.

原文：https://stackoverflow.com/questions/37691886