드래그 이벤트 - 자바스크립트

리스트를 드래그 앤 드롭으로 순서를 변경해야하는 프로젝트를 진행하였다.

이에 drag 이벤트를 간단히 정리하였다.

이벤트	핸들러	설명
drag	ondrag	요소를 드래그하면 항상 발생
dragstart	ondragstart	드래그가 시작되면 발생
dragend	ondragend	드래그가 끝날때 발생(마우스버튼 놓을시)
dragenter	ondragenter	이벤트가 달린 요소에 드래그한 아이템이 들어가면 발생
dragleave	ondragleave	이벤트가 달린 요소에 드래그한 아이템이 떠날시 발생
dragover	ondragover	이벤트가 달린 요소에 드래그가 이루어지면 발생
drop	ondrop	이벤트가 달린 요소에 드래그가 끝나면(마우스 버튼을 놓으면) 발생

 

드래그 이벤트를 발생시키기 위해서는 draggable 속성을 추가해야한다.  draggable =  "true"