使用 JavaScript 响应事件是 Web 动态体验的基础。无论是click
事件还是其他典型操作,响应该操作都很重要。我们从将事件分配给特定元素开始,然后转向事件委托以提高效率,但您知道您可以通过页面上的位置来识别元素吗?让我们看看document.elementFromPoint
和document.elementsFromPoint
。
document.elementFromPoint
方法接受x
和y
参数来标识某个点的最顶层元素:
const element = document.elementFromPoint(100, 100); //
如果你想知道整个元素堆栈,你可以使用document.elementsFromPoint
:
常量元素 = document.elementFromPoint(100, 100); // [, , ]
elementFromPoint
和elementsFromPoint
对于开发人员不想分配单个事件的体验非常有用。游戏和娱乐网站可以从这些功能中受益。你会如何使用它们?