Carousel 드래그 이벤트 관련해서 질문드릴게 있습니다.

우선 제가 구현한 방식부터 설명드리면

mousedown 이벤트 발생할 때 => mousemove 이벤트핸들러 등록 

mouseup 이벤트 발생할 때 => mousemove 이벤트핸들러 삭제

이 방법으로 구현을 했습니다. 코드는 난잡하지만 아래에 올려드렸습니다 .

현재 제가 짠 코드에서 제가 해결하고싶은 문제점은

마우스를 뗀 위치가 Carousel 영역 바깥이라면 mouseup 이벤트가 발생하지 않습니다 ㅠㅠ

그래서 이런 경우에는  mousemove 이벤트핸들러가 삭제되지 않는 문제가 발생하고 있는데 해결이 잘 안되네요..

mouseup 이벤트를 등록하는 태그를 document.body로 하면 될줄 알았는데 이것도 안되서 갈길을 잃어버렸습니다.. 

혹시 힌트같은거라도 좀 주실 수 있을까해서 질문드려봅니다.

// 코드를 조금 더 깔끔하게 짤 수 있도록 노력하겠습니다.

// container는 Carousel 영역에 해당하는 div 태그입니다.