Código de JavaScript - Copiar un texto de nuestra página al portapapeles

Imágen de perfil
Val: 309
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Copiar un texto de nuestra página al portapapelesgráfica de visualizaciones


JavaScript

Publicado el 9 de Noviembre del 2019 por Info (85 códigos)
986 visualizaciones desde el 9 de Noviembre del 2019
Este simple código muestra como copiar cualquier texto de nuestra página web al portapapeles.

La manera de funcionar, es creando un input, poniendo en el texto deseado, seleccionar el texto de ese input, copiarlo y eliminar el input creado.

Requerimientos

Aquí tienes la documentación con todos los posibles parámetros a utilizar y la compatibilidad con todos los navegadores:
https://developer.mozilla.org/en-US/docs/Web/API/document/execCommand

1

Publicado el 9 de Noviembre del 2019gráfica de visualizaciones de la versión: 1
987 visualizaciones desde el 9 de Noviembre del 2019
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
 
    <script>
    function copiar(id_elemento) {
 
        // Crea un campo de texto "oculto"
        var aux = document.createElement("input");
 
        // Asigna el contenido del elemento especificado al valor del campo
        aux.value=document.getElementById(id_elemento).innerHTML;
 
        // Añade el campo a la página
        document.body.appendChild(aux);
 
        // Selecciona el contenido del campo
        aux.select();
 
        // Copia el texto seleccionado
        document.execCommand("copy");
 
        // Elimina el campo de texto de la página
        document.body.removeChild(aux);
    }
    </script>
</head>
 
<body>
 
    <p id="miTexto">Texto a copiar al portapapeles</p>
 
    <p><input type="button" onclick="copiar('miTexto')" value="copiar"></p>
 
</body>
</html>



Comentarios sobre la versión: 1 (0)


No hay comentarios
 

Comentar la versión: 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5637