任何人都知道鼠标悬停的技巧/选择，当用键盘滚动时就会触发。

Question

当用户滚动页面时，当光标从一个div移动到另一个div时，是否有其他方法或技巧可以触发一个函数。

我让类的让它在当前post div的悬停事件上使用一些javascript (jQuery)。但是，我注意到只有鼠标实际移动时才会触发悬停事件。如果使用键盘(页)向上/向下滚动页面，它不会触发。

(我可以注意到，例如，soup.io找到了一种方法来实现这个工作，但是我找不到他们是如何做到的)

Answer 1

不幸的是，这非常复杂；您不能再依赖onMouseOver事件了--页面滚动时唯一触发的事件是onScroll.所涉步骤如下：

1. 遍历元素，在数组中存储每个元素的宽度、高度和偏移量(距屏幕左侧/顶部的距离)。当触发onScroll事件时，请检查光标在所有选定元素中的最后已知位置(遍历数组)--如果光标驻留在其中一个元素上，则调用处理程序.

。

快速(不可靠)原型：http://pastie.org/507589

Answer 2

有样品吗？我猜页面上元素的布局阻塞了mouseover事件。下面的简单示例正如您所描述的那样起作用。当光标位于页面顶部并使用键盘导航时，将触发mouseover事件。

<html>
<body>
<script>
function log(text)
{
    document.getElementById('logger').value += text + "\n";
}
</script>

<div id="div1" style="background: yellow; height: 100px;margin-top: 100px" onmouseover="log('mouseover div1');">
div1
</div>
<textarea id="logger" cols="60" rows="12" style="float:right;"></textarea>
<div id="div2" style="background: red; height: 1000px" onmouseover="log('mouseover div2');">
div2
</div>
</body>
</html>

Answer 3

你在找鼠标轮事件。

document.getElementById('myDiv').onmousewheel = function() {
  alert('You win!');
  alert('Seriously! It's just like that');
};

我只在Chrome (webkit)中测试过这个