默認情況下,如果用戶使用鼠標滾輪向下滾動頁面,則不會觸發任何懸停事件。有沒有辦法改變它,只要指針懸停在div上,它會觸發懸停事件,無論用戶是使用鼠標還是鼠標滾輪將其移動到那裏?有沒有辦法讓一個鼠標滾輪觸發Javascript中的「懸停」事件?
$(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>
編輯:上面的代碼被觸發懸停事件,但它不是特別選擇任何圖像,它只是觸發每次鼠標移動懸停事件。
你嘗試觸發'mousemove'事件滾動停止後? – Mottie
我不確定觸發mousemove事件是什麼意思。是否有可能使用JavaScript移動鼠標? – user1023465
是的,可以_simulate_ mousemove事件。 –