获取指定位置的元素 – JavaScript
使用Javascript,我怎么能在一个给定的位置识别元素? 基本上我正在寻找写一个函数,它接受两个input参数(x和y坐标),并返回html元素在屏幕上由参数表示的位置。
document.elementFromPoint(x, y);
http://dev.w3.org/csswg/cssom-view/#dom-document-elementfrompoint
http://msdn.microsoft.com/en-us/library/ms536417%28VS.85%29.aspx
https://developer.mozilla.org/en/DOM/document.elementFromPoint
您可以使用本地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来提高应用程序的性能。