'mousedown' 이벤트 후 클릭을 유지한 상태에서 'movemove' 이벤트 감지

hyuntaeng · 1월 13, 2021, 8:33오전

안녕하세요.

‘mousedown’ 이벤트 후 클릭을 유지한 상태에서 ‘movemove’ 이벤트 감지하려고 합니다.

생성한 맵을 움지이지 않게 하려고 생성 후 map.setDraggable(false); 호출하였고,

‘mousedown’, ‘mousemove’, ‘mouseup’ 이벤트 핸들러를 맵객체에 추가한다음

실제 마우스 왼쪽클릭을 하면 ‘mousedown’ 이벤트가 발생은 잘 되는데,

이때 왼쪽클릭을 유지한 상태에서 마우스 이동하면 ‘mousemove’ 이벤트가 발생하지 않습니다.

마우스 왼쪽 클릭을 유지한 상태에서 'mousemove’이벤트가 발생하게 할 수있나요?

감사합니다.

lea.ju · 1월 13, 2021, 11:41오후

mousemove 이벤트에서 클릭된 버튼을 확인하고 이후 로직을 실행시켜야 한다면
객체에 직접 이벤트를 등록해주는 방법이 있습니다.

mapContainer.onmousemove= function(e) {
    if(e.button === -1 || e.button === 0) {
        console.log('mousemove');
    }
}