JavaScript 或 JQuery : get innermost element on position

Question

我想获取某个光标位置的最里面的元素，即:

<div>
  <div>
    <span>Text</span>
  </div>
</div>

如果我将鼠标光标指向文本，我想检索 span 标签，而不是最外层的 div ，它是 JavaScript 的 elementFromPoint( x,y).

(如果它有任何帮助:我想检索 JQuery keydown 事件处理程序中的元素)

Answer 1

keydown 事件不提供 .pageX 和 .pageY 等属性，因此您不能在 document 上应用这些值。 elementFromPoint()。 您需要在 window 或 document.body 上有一个事件监听器，并将 event data 信息提供给更公开的上下文，这样您就可以在您的 keydown 处理程序中访问该数据。

演示:http://jsfiddle.net/1ztf2p9b/