Używając JavaScript, jak mogę zidentyfikować element na danej pozycji? Zasadniczo zamierzam napisać funkcję, która pobiera dwa parametry wejściowe (współrzędne x i y) i zwraca element html w pozycji na ekranie reprezentowane przez parametry.Zdobądź element w określonej pozycji - JavaScript
Odpowiedz
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
Jeśli tylko tam były 'document.elementsFromPoint' - w przypadku, gdy elementy nakładają się. – Seiyria
Jestem zdumiony tym, że zadziałało to np. 5,5 i dzisiaj nie jest tak często używane. –
Próbowałem tej metody i mierzy pozycję zgodnie z dokumentem. Jak używać go względem elementu nadrzędnego? – Charas
Można użyć natywną JavaScript elementFromPoint(x, y)
metodę, która zwraca element o współrzędnych X, Y w rzutni.
Zobacz elementFromPoint w3c draft
I, przykładowy kod:
<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>
Można użyć setInterval()
stale sprawdzać zdarzenia najechaniu elementu, ale nie jest to zalecane, spróbuj użyć .hover(...)
i CSS zamiast do zwiększenia wydajność aplikacji.
- 1. Zdobądź przedostatni element
- 2. Zdobądź wybrany element
- 3. RecyclerView android: Uzyskiwanie pozycji na określonej pozycji
- 4. Jak przesłać do tablicy w określonej pozycji?
- 5. Przewiń do określonej pozycji na stronie za pomocą Javascript/Jquery
- 6. ListView setText na określonej pozycji
- 7. Jak zawyżać widok w określonej pozycji?
- 8. Java Zastąp znak w określonej pozycji ciągu?
- 9. Zdobądź następny/poprzedni element w ObjectListView
- 10. Zdobądź najszerszy element w zestawie jQuery
- 11. Wkładanie właściwość w obiekcie JSON w określonej pozycji
- 12. Zdobądź pierwszy element w tablicy i zwróć używając Aggregate? (Mongodb)
- 13. Jak wstawić coś w określonej pozycji z mutable LinkedList?
- 14. Czy mogę wiedzieć, czy obraz jest przezroczysty w określonej pozycji?
- 15. python odczytywał binarną z określonej pozycji
- 16. Jak dodać element formularza Zend w określonej pozycji, już po utworzeniu obiektu formularza?
- 17. nieskończony galeria przewijania z pozycji określonej obrazu
- 18. Zdobądź tylko pierwsze 20 pozycji w kolekcji szkieletu
- 19. Zdobądź element wybrany w widoku listy podczas generowania kontekstu Menu
- 20. Zdobądź konkretny element z każdej podrzędnej tablicy
- 21. Zdobądź pierwszy element połączonej mapy z obrazkiem
- 22. Jak ustawić kolor tła określonej pozycji w widoku listy według pozycji?
- 23. Jak dodać dziecko do węzła na określonej pozycji?
- 24. Czytanie bajta w określonej pozycji pliku w C++
- 25. Dodaj nową linię w określonej pozycji w pliku tekstowym.
- 26. Jak mogę oglądać wideo w widoku wideo w określonej pozycji?
- 27. Wstaw węzeł XML w określonej pozycji istniejącego dokumentu
- 28. Jak uzyskać wartość bitową w określonej pozycji z bajtu?
- 29. Jquery - Przesuń do określonej pozycji w div z przepełnieniem: ukryte
- 30. Dodaj nową zmienną do określonej pozycji w ramce danych
[elementsFromPoint] (https://developer.mozilla.org/en-US/docs/Web/API/Document/elementsFromPoint) –