>웹 프론트엔드 >JS 튜토리얼 >마우스 이벤트 없이 JavaScript에서 마우스 위치를 확인할 수 있습니까?

마우스 이벤트 없이 JavaScript에서 마우스 위치를 확인할 수 있습니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-10-23 19:38:31897검색

Can You Determine the Mouse Position in JavaScript Without Mouse Events?

마우스 이벤트 없이 마우스 위치 가져오기

페이지 로드 시 마우스 이동 이벤트 없이 JavaScript에서 마우스 위치를 검색할 수 있나요?

정답:

전통적으로 사용자 입력 없이 마우스 위치를 결정하는 것은 불가능합니다. 그러나 해결 방법이 있습니다.

까다로운 접근 방식(사용 금지):

문서 전체를 덮는 오버레이 DIV를 만듭니다. 각 1픽셀 크기의 2,000 x 2,000 앵커 요소 ""를 추가합니다. 글꼴 계열과 같은 특정 속성을 수정하는 CSS ":hover" 규칙을 적용합니다.

페이지 로드 후 400만 개의 "" 요소 각각을 반복합니다. 글꼴이 변경될 때까지 각 요소의 currentStyle/getCompulatedStyle()을 확인하세요. 이는 보이지 않는 커서 아래에 있는 요소를 식별합니다. 이 요소의 좌표를 계산하여 마우스 위치를 결정합니다.

주의:

이 방법을 사용하지 마세요. DOM 조작이 많이 필요하고 성능에 미치는 영향. 실제 적용에서는 이 접근 방식을 피하십시오.

위 내용은 마우스 이벤트 없이 JavaScript에서 마우스 위치를 확인할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.