获取指定位置的元素 – JavaScript

使用Javascript,我怎么能在一个给定的位置识别元素? 基本上我正在寻找写一个函数,它接受两个input参数(x和y坐标),并返回html元素在屏幕上由参数表示的位置。

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

请参阅elementFromPoint w3c草稿

而且,一个代码示例:

 <html> <head> <title>elementFromPoint example</title> <script type="text/javascript"> function changeColor(newColor) { elem = document.elementFromPoint(2, 2); elem.style.color = newColor; } </script> </head> <body> <p id="para1">Some text here</p> <button onclick="changeColor('blue');">blue</button> <button onclick="changeColor('red');">red</button> </body> </html> 

您可以使用setInterval()连续检查元素的hover事件,但不build议您尝试使用.hover(...)和css来提高应用程序的性能。