드래그 앤 드롭의 이벤트 - 드래그(drag) 측에서 발생하는 이벤트, 드롭(drop) 측에서 발생하는 이벤트

 

 

드래그 앤 드롭의 이벤트

·       드래그(drag) 측에서 발생하는 이벤트

·       드롭(drop) 측에서 발생하는 이벤트

 

 

 

드래그(drag) 측에서 발생하는 이벤트

이벤트	설명
dragstart	드래그 요소를 마우스 버튼을 눌러 드래그하기 시작했을 때 드래그 요소에서 발생
drag	드래그 요소를 마우스 버튼을 누른 상태에서 드래그하는 중에 드래그 요소에서 발생
dragend	드래그를 종료했을 때 발생

 

 

 

드롭(drop) 측에서 발생하는 이벤트

이벤트	설명
dragenter	드래그 요소가 드롭 요소에 들어왔을 때 드롭 요소에서 발생
dragleave	드래그 요소가 드롭 요소에서 나갔을 때 드롭 요소에서 발생
dragover	드래그 요소가 드롭 요소 위에서 드래그되고 있을 때 드롭 요소에서 연속해서 발생
drop	드래그 요소가 드롭 요소에 드롭되었을 때 드롭 요소에서 발생