Cómo copiar/pegar texto en el portapapeles usando JavaScript
Estamos viviendo en una era tecnológica donde todo está influenciado por la tecnología. La tecnología ha proporcionado muchas soluciones avanzadas y ha superado muchos esfuerzos manuales. Entonces, en esta era de la tecnología, seleccionar manualmente el texto y copiarlo usando "Ctrl + C" parece anticuado y toma un poco de tiempo. Entonces, como automatizarlo?
Bueno, gracias a JavaScript! Ofrece algunas propiedades de portapapeles incorporadas que nos permiten copiar/pegar el texto en el portapapeles usando un solo botón Haga clic.
En este artículo, aprenderemos cómo copiar texto en un portapapeles usando HTML y JavaScript:
- Cómo copiar/pegar texto en el portapapeles usando JavaScript
- Demostración práctica del texto de copia/pegar en el portapapeles
Vamos a empezar!
Cómo copiar/pegar texto en el portapapeles usando JavaScript
El programa de ejemplo dado a continuación le proporcionará una comprensión detallada de cómo copiar texto en el portapapeles usando JavaScript:
Copiar pegar.html
En este ejemplo, creamos un campo de entrada y un botón, al hacer clic en el botón, el texto se copiará en el portapapeles. A continuación, creamos un
elemento y asignarlo una identificación "Ptext".
Copiar pegar.js
función copyfunction ()var copydata = documento.getElementById ("inputText");
var showText = documento.getElementById ("Ptext");
data.seleccionar();
navegador.portapapeles.WriteText (Copydata.valor);
showtext.innerhtml = "Texto copiado:" + CopyData.valor;
El fragmento anterior sirve a las funcionalidades de la lista a continuación:
- Creamos una función llamada "CopyFunction ()" que se invocará cuando alguien haga clic en el botón "Copiar".
- Dentro de CopyFunction (), utilizamos el método getElementById () para leer elementos HTML.
- A continuación, utilizamos el método select () para seleccionar el campo de texto.
- Después, utilizamos el navegador.portapapeles.WriteText () para copiar texto en el portapapeles.
- Finalmente, utilizamos la propiedad innerhtml para establecer el nombre y la edad en el
elemento.
En la ejecución exitosa del programa, inicialmente, obtendremos la salida dada a continuación:
Si todo va bien, entonces hacer clic en el botón "Copiar" mostrará un mensaje "Texto copiado" junto con el texto copiado:
La salida autentica que nuestro programa funciona perfectamente bien.
Demostración práctica
En esta sección, le mostraremos la demostración práctica del programa anterior.
El fragmento anterior muestra cómo copiar/pegar el texto en el portapapeles usando JavaScript.
Conclusión
JavaScript ofrece algunas propiedades de portapapeles incorporadas que nos permiten copiar/pegar el texto en el portapapeles con un solo botón Haga clic. En JavaScript, el navegador.El portapapeles se usa para obtener acceso al portapapeles, mientras que la propiedad Writettext () se usa para copiar el texto en el portapapeles. Este artículo presenta una guía completa sobre cómo copiar/pegar el texto en el portapapeles usando JavaScript.