Получить элемент в указанной позиции - JavaScript

Question

Используя Javascript, как я могу определить элемент в данной позиции? В основном я хочу написать функцию, которая принимает два входных параметра (координаты x и y) и возвращает элемент html в той позиции на экране, которая представлена ​​параметрами.

Answer 1

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

Answer 2

Вы можете использовать собственный метод JavaScript elementFromPoint(x, y), который возвращает элемент с координатами x, y в окне просмотра.

См. elementFromPoint w3c draft

А, пример кода:

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 для повышения производительности приложения.