Crear elementos arrastrables en JavaScript puro-draggable
| Autor: | ericsartor |
|---|---|
| Views Total: | 2,966 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 30, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Sin embargo, otra biblioteca JavaScript arrastrable que permite arrastrar el mouse para mover los elementos DOM dentro de los límites (x y/o eje y) de un contenedor especificado. Sin la necesidad de ninguna de las 3 dependencias.
Funcionamiento
Sólo tiene que incluir el archivo JavaScript draggable. js script en la página web y la biblioteca JS está listo para su uso.
<script src='Draggable.js'></script>
Declare los contornos y los elementos arrastrables.
const boundXY = document.getElementById('boundXY');
const dragMe = document.getElementById('dragMe'); Pase las opciones de configuración como un objeto.
const props =
{
xAxis: true,
yAxis: true,
xBoundaryElement: boundXY,
yBoundaryElement: boundXY,
ondrop: function() { console.log(this, event); }
}; Inicializar la biblioteca draggable y listo.
Draggable(dragMe, props);
