Breaking

Post Top Ad

Your Ad Spot

lunes, 18 de marzo de 2019

Cómo copiar texto al portapapeles usando JavaScript

Generalmente, la combinación de teclas (CTRL + C) del teclado se usa para copiar texto al portapapeles. Si desea integrar la funcionalidad de copiar en el portapapeles al hacer clic en el botón, JavaScript es la opción más sencilla para hacerlo. El método HTML execCommand () proporciona una forma sencilla de copiar texto al portapapeles.
El execCommand () ejecuta un comando específico para una sección seleccionada del documento. Puede usar el copycomando con document.execCommand () para copiar contenido de texto al portapapeles usando JavaScript. En el fragmento de código de ejemplo, le mostraremos cómo copiar texto en el portapapeles con JavaScript.
El siguiente código copia el texto del campo de texto de entrada al portapapeles al hacer clic con el botón usando execCommand y JavaScript. 
HTML
< input  type = "text"  value = "Bienvenido a CodexWorld"  id = "textInput" > 
< button  onclick = "copyText ()" > Copy text </ button >
JavaScript
< script > 
function  copyText () {
     var text = document .getElementById ( "textInput" );
    text.select ();
    documento .execCommand ( "copia" );
    alerta ( "Copió el texto:" + text.value);
}
</ script >

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas