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

CODEDRAGON Development/Web, WWW

반응형

 

 

드래그 앤 드롭의 이벤트

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

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

 

 

 

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

이벤트

설명

dragstart

드래그 요소를 마우스 버튼을 눌러 드래그하기 시작했을 때 드래그 요소에서 발생

drag

드래그 요소를 마우스 버튼을 누른 상태에서 드래그하는 중에 드래그 요소에서 발생

dragend

드래그를 종료했을 때 발생

 

 

 

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

이벤트

설명

dragenter

드래그 요소가 드롭 요소에 들어왔을 때 드롭 요소에서 발생

dragleave

드래그 요소가 드롭 요소에서 나갔을 때 드롭 요소에서 발생

dragover

드래그 요소가 드롭 요소 위에서 드래그되고 있을 때 드롭 요소에서 연속해서 발생

drop

드래그 요소가 드롭 요소에 드롭되었을 때 드롭 요소에서 발생