如何使页面滚动触发鼠标悬停事件? [英] How can I make page scrolling trigger mouseover events?

问题描述

当鼠标由于滚动(通过滚轮或键盘滚动)而开始悬停在元素上时，它不会在其悬停的元素上触发鼠标悬停事件(OSX上为Chrome 6).滚动时触发正确元素的mouseover事件的一种优雅方法是什么?

When the mouse starts hovering over an element because of scrolling (either by wheel, or by keyboard scrolling), it does not trigger a mouseover event on the elements it is hovering (Chrome 6 on OSX). What would be an elegant way to trigger the mouseover event for the correct elements when scrolling?

推荐答案

老实说，这会很痛苦.您必须

Honestly, this is gonna be a pain. You'll have to

1. 确定应该获得鼠标悬停处理程序的每个元素的大小和位置.
2. 将滚动侦听器添加到窗口.
3. 在处理程序中，获取鼠标光标的位置和pageOffset.
4. 找出光标所在的元素.
5. 手动调用实际的鼠标悬停处理程序
6. (如果您也想要一些鼠标移出行为，请找出光标剩余的元素)

如果元素是动态的，则可能需要重新计算它们的位置和大小. (将1.移动到3下.)

You may need to re-calculate the elements' positions and sizes if they are dynamic. (move 1. beneath 3.)

虽然这对于块级元素应该可以正常工作，但是我绝对不知道内联元素的解决方案.

While this should work fine with block-level elements, I have absolutely no idea on a solution for inline elements.

这篇关于如何使页面滚动触发鼠标悬停事件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！