使用Javascript,我如何识别给定位置的元素?基本上,我希望编写一个函数,该函数接受两个输入参数(x和y坐标),并返回屏幕上由参数表示的位置处的html元素。
发布于 2009-08-11 10:53:18
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
发布于 2011-07-12 00:49:18
您可以使用本机JavaScript elementFromPoint(x, y)
方法,该方法返回视口中坐标x,y处的元素。
下面是一个代码示例:
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>
您可以使用setInterval()
来持续检查元素的悬停事件,但不建议您这样做,尝试使用.hover(...)
和css来增强应用程序性能。
https://stackoverflow.com/questions/1259585
复制相似问题