javascript 에서 요소 위 치 를 가 져 오 는 빠 른 방법 getBoundingClient Rect()

이 는 왼쪽,right,top,bottom 네 가지 속성 을 포함 하여 각각 이 요소 의 왼쪽 상단 과 오른쪽 하단 이 브 라 우 저 창(viewport)왼쪽 상단 과 의 거리 에 대응 합 니 다.따라서 웹 요소 의 상대 적 인 위 치 는 var X=this.getBoundingClient Rect().left 입 니 다.　　var Y =this.getBoundingClientRect().top; 스크롤 거 리 를 더 하면 절대 위치 var X=this.getBoundingClient Rect().left+document.documentElement.scrollLeft 를 얻 을 수 있 습 니 다.　　var Y =this.getBoundingClientRect().top+document.documentElement.scrollTop; 현재 IE,Firefox 3.0+,Opera 9.5+는 모두 이 방법 을 지원 하지만 Firefox 2.x,Safari,Chrome,Konqueror 는 지원 하지 않 습 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다 중 브 라 우 저 호 환 요소 와 마우스 의 위 치 를 가 져 오 는 js 코드

function getLeft(obj) { if (obj == null) return null; var mendingObj = obj; var mendingLeft = mendingObj.offsetLeft; whi...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

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