Sử dụng Javascript làm cách nào để xác định phần tử tại một vị trí nhất định? Về cơ bản tôi đang tìm cách viết một hàm lấy hai tham số đầu vào (tọa độ x và y) và trả về phần tử html ở vị trí trên màn hình được đại diện bởi các tham số.Lấy phần tử tại vị trí đã chỉ định - JavaScript
Trả lời
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
Nếu chỉ có 'document.elementsFromPoint' - trong trường hợp các phần tử chồng chéo. – Seiyria
Tôi ngạc nhiên vì điều này đã làm việc ở mức 5.5 và hiện không được sử dụng nhiều như vậy. –
Tôi đã thử phương pháp này và nó đo vị trí theo tài liệu. Làm thế nào để sử dụng nó liên quan đến phần tử cha? – Charas
Bạn có thể sử dụng có nguồn gốc phương thức JavaScript elementFromPoint(x, y)
, trả về phần tử tại tọa độ x, y trong viewport.
Xem elementFromPoint w3c draft
Và, một mẫu mã:
<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>
Bạn có thể sử dụng setInterval()
để liên tục kiểm tra sự kiện di chuột của phần tử nhưng nó không được khuyến khích, cố gắng sử dụng .hover(...)
và css thay vì để nâng cao hiệu suất ứng dụng.
- 1. Lấy vị trí của phần tử bằng javascript
- 2. Cách lấy vị trí trên cùng của một phần tử?
- 3. Cách lấy vị trí của một phần tử trong StackPanel?
- 4. Cách lấy vị trí của một phần tử trong UIWebView?
- 5. Lấy các phần tử chỉ dưới 1 phần tử hiện tại bằng javascript
- 6. Cách lấy vị trí x, y của các phần tử html với javascript
- 7. Xác định vị trí quấn trong các phần tử nổi
- 8. Lấy phần trăm vị trí cuộn
- 9. Vị trí cố định: phần tử tuyệt đối trong phần thừa: phần tử cuộn khi cuộn
- 10. Chèn chuỗi tại vị trí được chỉ định
- 11. Vị trí CSS: cố định bên trong một phần tử định vị
- 12. Tại sao vị trí cố định thay đổi chiều rộng của một phần tử?
- 13. Làm cách nào để định vị phần tử bên dưới phần tử vị trí tương đối mà không chồng chéo?
- 14. Lấy phần tử đã chọn từ ListView
- 15. Sự cố định vị trong Firefox? vị trí: tương đối cho hiển thị: phần tử bảng
- 16. Tìm các phần tử theo vị trí offset với jQuery
- 17. javascript lấy thẻ phần tử của
- 18. Cách chỉ định vị trí với wget?
- 19. Chỉ định tham số vị trí
- 20. Tìm vị trí phần tử trong Java TreeMap
- 21. C#/WPF - Lấy vị trí cuộn ScrollViewer?
- 22. Phần tử vị trí Android trên màn hình
- 23. Cách lấy vị trí của phần tử được chuyển đổi với css xoay
- 24. Java - nhận vị trí phần tử trong mảng
- 25. Vị trí một phần tử liên quan đến phần tử khác trong CSS
- 26. Lấy phần tử hiện tại trong scipy.ndimage.filters.generic_filter
- 27. Tìm vị trí của một phần tử trong danh sách
- 28. Nhớ vị trí cuộn trong phần tử QML
- 29. Phần tử vị trí CSS "cố định" bên trong hộp chứa cuộn
- 30. Cách lấy vị trí (src) của tệp javascript?
[elementsFromPoint] (https://developer.mozilla.org/en-US/docs/Web/API/Document/elementsFromPoint) –