document.elementFromPoint

2095 단어 webweb

좌표를 구해서 엘리먼트를 구하는 함수이다.

const element = document.elementFromPoint(X, Y);

나같은 경우는 touchmove 이벤트에서 현재 터치 위치의 element를 확인하고싶을때 사용했다.

예제

크게 어려운건 아니고 mouseover 이벤트 실행시 e.target과 elementFromPoint를 통해 얻은 element 값이 같은지를 알아보자.

const { pageX, pageY } = e;

const element = document.elementFromPoint(pageX, pageY);

console.log("element", element);
console.log("e.target", e.target);

결과


같은 element 값을 반환하는 것을 알 수 있다.

[백준 1389번] 케빈 베이컨의 6단계 법칙 - 파이썬
눈으로 직접 확인하는 인증과 인가🤩

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage