scroll

EventListener를 제대로 붙였음에도 Scroll Event의 Handler가 제대로 호출이 안되는 버그를 수정하고, 그에 대해 정리하고자 합니다. Problem 바로 코드를 보자. import { defineComponent, onMounted, ref } from "vue"; export default defineComponent({ setup() { const scrollTop = ref(0); function scrollHandler() { console.log("scrollHandler has been triggered!") } onMounted(() => { document?.getElementById("content")?.addEventListener("scroll", scrollHa..

마우스 휠을 돌리는 이벤트 리스너를 등록하고, 그에 따라 zoom-in, zoom-out 할 수 있도록 만들어 보자. [ 이벤트 등록 ] 우선, js에서 마우스 관련 해서 어떠한 이벤트들이 있는지 확인해 봤다. https://developer.mozilla.org/ko/docs/Web/Events 이벤트 참조 | MDN DOM 이벤트는 발생한 흥미로운 것을 코드에 알리기 위해 전달됩니다. 각 이벤트는 Event 인터페이스를 기반으로한 객체에 의해 표현되며 발생한 것에 대한 부가적인 정보를 얻는데 사용되는 추가 developer.mozilla.org 엇, the exact event that I was looking for! 이제 이 이벤트관련 리스너를 내가 원하는 엘리먼트에 등록해줬다. 참고로 나는 지도..