라이브러리 창고/웹앱 기능

dragMove 라이브러리

Recstasy 2020. 10. 21. 15:50

dragmove.js는 『드래그 & 드랍』 기능을 제공하는 라이브러리다.

 

dragmove.js의 장점은 속도에 있다.

 

 

knadh/dragmove.js

A super tiny Javascript library to make DOM elements draggable and movable. ~500 bytes and no dependencies. - knadh/dragmove.js

github.com

dragmove.js 라이브러리를 보면 정말 간단하다.

500 byte내외이며, 의존성 모듈도 필요없다.

 

https://knadh.github.io/dragmove.js/docs/

 

만일, 드래그&드랍 기능이 필요하다면,

제이쿼리, 파운데이션 같은 무거운 라이브러리를 설치할 필요가 없다.

 

import { dragmove } from @knadh/dragmove;
dragmove(document.querySelector("#box"), document.querySelector("#box .drag-handle"));

 

dragmove(DOM1, DOM2, ...)

 

dragmove모듈을 불러온 뒤,

DOM element를 넣어주면

현재 양옆의 드래그 박스처럼  드래그&드랍을 사용할 수 있다.

 

 
Drag here
Drag here