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

Imágen de perfil
Val: 239
Bronce
Ha disminuido 1 puesto 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
641 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
642 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
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5637