Biblioteca ligera de copia a portapapeles-nanoclipboard
| Autor: | bornbit |
|---|---|
| Views Total: | 1,902 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 19, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
nanoclipboard es una biblioteca JavaScript ligera y libre de dependencias que permite copiar cualquier texto en el portapapeles local con un solo clic.
Funcionamiento
Inserte el archivo JavaScript nanoclipboard. js en su página HTML.
<script src="nanoclipboard.min.js"></script>
Cree un botón y defina el contenido que desea copiar utilizando el atributo Data-Clipboard-Text:
<button id="btn" data-clipboard-text="https://wikicss.com" title="Copy Me!">Copy</button>
Inicialice el nanoportapapeles y listo.
var clipboard = new NanoClipboard("#btn"); También puede copiar texto desde cualquier campo de texto como entrada:
<input class="url" value="https://wikicss.com"></input> <button id="btn" data-clipboard-selector=".url" title="Copy Me!">Copy</button>
Eventos de devolución de llamada.
clipboard.onSuccess = function(text) {
alert("Copied: " + text)
this.unselect();
};
clipboard.onError = function(text) {
window.prompt("Ctrl+C: ", text);
// this.unselect();
};
