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

Pos: 7

Val: 606

Ha mantenido su posición en JavaScript (en relación al último mes)

Copiar un texto de nuestra página al portapapeles

JavaScript

Publicado el 9 de Noviembre del 2019 por Info (100 códigos)

3.137 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 2019

gráfica de visualizaciones de la versión: 1

3.138 visualizaciones desde el 9 de Noviembre del 2019

<!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

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s5637

Obtener la IP del usuario con JavaScript utilizando RTCPeerConnection

Sumar las filas de una columna al pulsar sobre el titulo de la misma

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

Requerimientos

1

Comentarios sobre la versión: 1 (0)

Comentar la versión: 1

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