반응형 공부기록/HTML,CSS,JS,JQUERY2 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. 해결하기. 웹 브라우저에서의 성능 관련 경고 메시지 해결하기 경고 메시지 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952 Console 창에 나타나는 [Violation] 메시지는 Chrome 또는 다른 웹 브라우저에서 성능 관련 경고다. 이러한 경고는 '오류'를 나타내는 것이 아니라, 애플리케이션의 성능을 개선할 수 있도록 도와주는 '경고 메시지'라고 보면 된다. 위 경.. 2024. 3. 28. HTML 특정 엘리먼트 내 좌표값 구하기 전체 화면에서 사용자가 클릭 또는 터치한 위치 좌표를 구하기는 비교적 간단하다. $("#photo").on("touchstart", function(e){ clientX = e.originalEvent.touches[0].clientX; clientY = e.originalEvent.touches[0].clientY; } 특정 엘리먼트 내 좌표를 구하는 방법은 아래와 같다. $("#frame").on("touchstart", function(e){ //페이지 내에서 터치한 이미지 위치 구하기 var br = document.getElementById("photo").getBoundingClientRect(); //이미지 내 터치한 x,y 좌표 구하기 clientX = e.originalEvent.touc.. 2022. 7. 14. 이전 1 다음 728x90 반응형