Biblioteca minimalista de arrastrar y soltar-JS-dragndrop
| Autor: | io-developer |
|---|---|
| Views Total: | 1,247 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 16, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca de arrastrar y colocar de vainilla de JavaScript que le permite arrastrar elementos DOM dentro de un límite que especifique.
Funcionamiento
Sólo tiene que insertar el archivo JavaScript ' dragndrop. js ' en el documento y ya está listo para ir.
<script src="dragndrop.js"></script>
Agregue la clase CSS ' JS-dragndrop ' a cualquier elemento que deba ser arrastrable. Y agregue la clase CSS ' JS-dragndrop-Limiter ' a los elementos de contorno.
<div class="outer js-dragndrop-limiter"> <div class="inner inner--1 js-dragndrop js-dragndrop-limiter"> Content A <p> sub div </p> <div class="inner inner--2 js-dragndrop"> Sub-content A </div> </div> <div class="inner inner--3 js-dragndrop"> Content B </div> </div>
Inicializar la biblioteca de arrastrar y colocar.
dragndrop.initOnDocumentReady();
