Copiar texto al Portapapeles con un solo clic-botón del portapapeles
| Autor: | omichelsen |
|---|---|
| Views Total: | 4,497 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 2, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
El botón del portapapeles es una pequeña biblioteca de JavaScript que aprovecha ClipboardEvent y la API de selección para copiar texto especificado en el Portapapeles con un solo clic.
Funcionamiento
Incluya el archivo principal de JavaScript Clipboard-Button. js en su documento.
<script src="clipboard-button.js"></script>
Cree un botón ' copiar al portapapeles ' y especifique el texto que desea copiar usando atributo de de datos-portapapeles-texto.
<button id="myButton" data-clipboard-text="textToCopy">Copy</button>
Active el botón ' copiar al portapapeles '.
var cpb = clipboardButton('#myButton'); Pase los métodos de devolución de llamada opcionales al botón ' copiar al portapapeles '.
function success() {
console.log('Copied!');
};
function fail(err) {
console.error('Error!', err);
};
var cpb = clipboardButton('#myButton', success, fail); Destruye el botón "copiar al portapapeles".
cpb.destroy().
Registro de cambios
08/02/2018
- Agregue compatibilidad con la copia de varias líneas.
