在指定位置获取元素 - JavaScript

javascript dom html

2022-08-30 03:04:17

使用Javascript如何识别给定位置的元素？基本上，我希望编写一个函数，该函数采用两个输入参数（x和y坐标），并在参数表示的屏幕上的位置返回html元素。

答案 1

document.elementFromPoint(x, y)
document.elementsFromPoint(x, y)

https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint

https://developer.mozilla.org/en-US/docs/Web/API/Document/elementFromPoint https://developer.mozilla.org/en-US/docs/Web/API/Document/elementsFromPoint

答案 2

您可以使用本机 JavaScript 方法，该方法在视口中的坐标 x，y 处返回元素。elementFromPoint(x, y)

请参阅元素FromPoint w3c草案

还有一个代码示例：

function changeColor(newColor) {
    // Get the element placed at coords (2, 2)
    var elem = document.elementFromPoint(2, 2);
    // Set the foreground color to the element
    elem.style.color = newColor;
}

<p id="para1">Change this text color using the following buttons.</p>
<button onclick="changeColor('blue');">Blue</button>
<button onclick="changeColor('red');">Red</button>

您可以使用来连续检查元素的悬停事件，但不建议这样做，请尝试使用 css 来增强应用程序性能。setInterval().hover(...)