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

[이상우]

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

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

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

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

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

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

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

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

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

 

 

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

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

[codingapple]

이벤트리스너들 안에 e.preventDefault() 이런걸 추가하며 테스트해봅시다 

아니면 mouseout 이벤트도 있습니다 

[이상우]

빠른 답변 감사합니다!!

bool형 변수하나 선언해서 이걸로 mouseup 이벤트 발생 여부를 체크하구,

발생안했다면 가르쳐주신  mouseout 이벤트리스너를 등록하는 조건을 걸어서 해결했습니다!!

[글쓴이]

글