Despu\u00e9s de leer este blog, podr\u00e1 saber c\u00f3mo se pueden copiar los datos al portapapeles con la ayuda del script java.<\/p>\n
En el mundo web actual, se trata del usuario experimentado de su sitio. Durante nuestro trabajo en cualquier sitio, copiamos el contenido de un lugar y lo pegamos en otro. Ser\u00e1 realmente \u00fatil para el usuario si un sitio ofrece una funcionalidad de clic para copiar. Se ahorra tiempo y esfuerzo del usuario para seleccionar y copiar el contenido.<\/p>\n
Veamos c\u00f3mo podemos agregar esta funcionalidad:<\/p>\n
Cree un HTML con un p\u00e1rrafo que tenga contenido y haga clic en el bot\u00f3n. Puede usar cualquier elemento relevante en lugar de un p\u00e1rrafo, por ejemplo, cuadro de texto, \u00e1rea de texto, campos ocultos, etc.<\/p>\n
<body> <p id = "txt_knoband"> KnowBand cuenta con los mejores complementos de la industria para sistemas de comercio electr\u00f3nico y tiene a\u00f1os de experiencia trabajando con sitios web de comercio electr\u00f3nico. <\/p> <button onclick = "onClickCopy ()"> Copiar texto < \/ bot\u00f3n> <\/body><\/pre>\nPaso 2:<\/h4>\n
Deber\u00e1 crear una funci\u00f3n enClickCopy () que copiar\u00e1 los datos del p\u00e1rrafo. La funci\u00f3n simplemente ejecutar\u00e1 "document.execCommand (" copy ")" para copiar los datos en el portapapeles.<\/p>\n
function copyOnClick () {var tempInput = document.createElement ("input"); tempInput.value = document.getElementById ("txt_knoband"). innerHTML; document.body.appendChild (tempInput); tempInput.select (); document.execCommand ("copia"); document.body.removeChild (tempInput); alerta ("valor copiado"); }<\/pre>\nIn the last line of the script, we have simply added an alert action to inform the user that the data has been copied.<\/p>\n
So finally when you click on the button “Copy Text”, data will be copied to the clipboard and you can simply paste by using CRTL + V.<\/p>\n
Related Article: C\u00f3mo configurar una cookie usando JavaScript<\/a>