addEventListener를 올바르게 사용하는 방법은 무엇입니까?

Question

아아아아

ID가 "reso"인 html div 요소가 있습니다. 내가 하고 싶은 것은 마우스가 A 지점에 도달할 때마다 요소를 A 지점에서 B 지점으로 이동하는 것입니다. 어떻게 할 수 있나요?

위의 자바스크립트 코드를 실행할 때. 한 번만 움직입니다. 그런 다음 i=0에서 10까지의 루프를 사용하여 일부 콘솔 로그와 함께 위 코드를 래핑해 보았습니다. 모든 로그가 인쇄 중입니다. 그러나 이벤트 리스너는 여전히 한 번만 실행됩니다.

이 작업을 수행하는 방법을 도와주실 수 있나요?

Answer 1

이벤트 콜백 함수 외부의 외부 범위에서 카운터를 초기화한 다음 이벤트가 발생할 때마다 이를 증가시켜야 할 수도 있습니다.

으아아아 으아아아 으아아아

Answer 2

mouseover 이벤트 대신 mousemove 이벤트를 사용할 수 있습니다. 이렇게 하면 마우스가 움직일 때 요소의 위치를 ​​지속적으로 업데이트할 수 있습니다

으아아아