Biblioteca de arrastrar y soltar suave-DragDrop. js
| Autor: | modugno |
|---|---|
| Views Total: | 2,819 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 19, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
DragDrop. js es una biblioteca de JavaScript Vanilla que hace que sea fácil arrastrar y soltar elementos específicos con una animación suave. Escrito en JavaScript ES6.
See also:
Funcionamiento
Instale e importe el DragDrop-JS en el proyecto.
npm install dragdrop-js --save
O descargue el zip y luego inserte el archivo JavaScript drogdrop. js en el documento HTML.
<script src="dist/dragdrop.js"></script>
Agregue la clase CSS ' DragDrop-target ' al contenedor Drap y drop de destino.
<div class="dragdrop-target"> ... </div>
Agregue la clase CSS ' DragDrop ' a los elementos de destino que deben ser arrastrables y droppable.
<div class="dragdrop-target"> <img src="1.jpg" class="dragdrop" data-id="1"> </div> <div class="dragdrop-target"> <img src="2.jpg" class="dragdrop" data-id="2"> </div> <div class="dragdrop-target"> <img src="3.jpg" class="dragdrop" data-id="3"> </div>
Inicializar la biblioteca de arrastrar y colocar.
new dragdrop.start((dom, api) => {
dom.addEventListener('drop', (event) => {
console.log( api.orders );
})
}); Registro de cambios
01/19/2019
- Bugfix para Firefox
