Отримайте елемент у визначеній позиції - JavaScript

133

Як за допомогою Javascript я можу визначити елемент у заданій позиції? В основному я шукаю написати функцію, яка приймає два вхідні параметри (координати x і y) і повертає html-елемент у положення на екрані, представлене параметрами.

javascript html dom

— kjv
джерело

elementsFromPoint

— Janus Troelsen

Відповіді:

241

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

— rahul
джерело

Якби там також було document.elementsFromPoint- у випадку, якщо елементи перекриваються.

— Seiyria

Я вражений, що це працювало в 5,5, і сьогодні він не використовується так багато.

— Влад Нікула

Я спробував цей метод, і він вимірює позицію згідно з документом. Як я можу використовувати його відносно батьківського елемента?

— Чарас

Якщо на координаті x, y є кадр або рамка, ви отримаєте кадр, а не елемент у цьому місці.

— Elmue

document.elementsFromPointдоступний в останніх веб-переглядачах із підтримкою Webkit та Gecko, хоча й експериментальним. Див. MDN .

— zopieux

Ви можете використовувати нативний elementFromPoint(x, y)метод JavaScript , який повертає елемент у координатах 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>

Розгорніть фрагмент

Ви можете використовувати setInterval()для постійної перевірки події наведення елемента, але це не рекомендується. Спробуйте скористатися .hover(...)css і замість цього, щоб підвищити продуктивність програми.

— Андрес Моралес
джерело