Używając JavaScript, jak mogę zidentyfikować element na określonej pozycji? Zasadniczo chcę napisać funkcję, która przyjmuje dwa parametry wejściowe (współrzędne xiy) i zwraca element HTML w pozycji na ekranie reprezentowanej przez parametry.
Odpowiedzi:
document.elementsFromPoint
- gdyby elementy się nakładały.
Możesz użyć natywnej elementFromPoint(x, y)
metody JavaScript , która zwraca element o współrzędnych x, y w rzutni.
Zobacz wersję roboczą elementuFromPoint w3c
I przykładowy kod:
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>
Możesz użyć setInterval()
do ciągłego sprawdzania zdarzenia najechania na element, ale nie jest to zalecane, spróbuj .hover(...)
zamiast tego użyć i css, aby zwiększyć wydajność aplikacji.