HTML5 drag drop 샘플 입니다.
jQuery의 drag drop는 아닙니다. 이 샘플은 HTML5에서 기본적으로 지원하는 drag drop에 대한 가장 기본적인 샘플 입니다.
drag - drop 에 대한 것은 속도에 신경을 써야 하는것이 아니라면 jQuery-ui의 것을 사용하는것이 지원되는것이 더 좋습니다.
여기 올린 샘플은 리스터를 통해서 처리 하는 방식이 있는데.
어떤것이 태그에 들어가고 처리 되는것인지 구분해준 사이트가 없어서 테스트 해본 것을 올립니다.
■ drag(드레그) 관련된 참고 자료
▶ jQuery drag drop 파일 업로드 샘플 > javascript (pabburi.co.kr)
▶ 마우스 이벤트를 활용한 drag > javascript (pabburi.co.kr)
* 학습자료
https://web.dev/drag-and-drop/
https://www.w3.org/html/wg/spec/dnd.html
http://www.tcpschool.com/html/html5_api_dragAndDrop
첨부파일
- html5_drag_drop.html (2.3K) 3회 다운로드 | DATE : 2022-10-02 07:07:32