지정된 위치에서 요소 가져 오기-JavaScript

지정된 위치에서 요소 가져 오기-JavaScript

---

Javascript를 사용하여 주어진 위치에서 요소를 어떻게 식별 할 수 있습니까? 기본적으로 두 개의 입력 매개 변수 (x 및 y 좌표)를 사용하여 매개 변수로 표시된 화면의 위치에서 html 요소를 반환하는 함수를 작성하려고합니다.

---

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

---

elementFromPoint(x, y)뷰포트의 좌표 x, y에서 요소를 반환 하는 기본 JavaScript 메소드를 사용할 수 있습니다 .

elementFromPoint 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 를 사용 하여 응용 프로그램 성능을 향상 시키십시오.

참고 URL : https://stackoverflow.com/questions/1259585/get-element-at-specified-position-javascript