Como copiar/colar texto na área de transferência usando JavaScript

Estamos vivendo em uma era tecnológica onde tudo é influenciado pela tecnologia. A tecnologia forneceu muitas soluções avançadas e superou muitos esforços manuais. Portanto, nesta era da tecnologia, selecionar manualmente o texto e copiá-lo usando "Ctrl + C" parece antiquado e leva um pouco de tempo. Então, como automatizar?

Bem, graças ao JavaScript! Oferece algumas propriedades embutidas da área de transferência que nos permitem copiar/colar o texto na área de transferência usando um único botão Clique.

Neste artigo, aprenderemos a copiar o texto em uma área de transferência usando HTML e JavaScript:

• Como copiar/colar texto na área de transferência usando JavaScript
• Demonstração prática do texto de cópia/colar em área de transferência

Então vamos começar!

Como copiar/colar texto na área de transferência usando JavaScript

O programa de exemplos abaixo, fornecendo uma compreensão detalhada de como copiar o texto para a área de transferência usando JavaScript:

Copiar colar.html

cópia de

Neste exemplo, criamos um campo de entrada e um botão, ao clicar no botão, o texto será copiado para a área de transferência. Em seguida, criamos um

elemento e atribua um id de idioma.

Copiar colar.JS

função copyfunction ()
var copyData = documento.getElementById ("inputText");
var showText = documento.getElementById ("Ptext");
CopyData.select ();
navegador.prancheta.WriteText (copyData.valor);
Senhoria.inerhtml = "Texto copiado:" + copyData.valor;

O trecho acima serve as funcionalidades listadas abaixo:

• Criamos uma função chamada "CopyFunction ()", que será invocada quando alguém clicar no botão "Copiar".
• Dentro do copyFunction (), utilizamos o método getElementById () para ler elementos HTML.
• Em seguida, utilizamos o método select () para selecionar o campo de texto.
• Depois, utilizamos o navegador.prancheta.writeText () para copiar o texto para a área de transferência.
• Finalmente, utilizamos a propriedade Innerhtml para definir o nome e envelhecer no

  elemento.

Na execução bem-sucedida do programa, inicialmente, obteremos a saída abaixo:

Se tudo correr bem, clicar no botão "Copiar" mostrará uma mensagem "Texto copiado" junto com o texto copiado:

A saída autentica que nosso programa está funcionando perfeitamente bem.

Demonstração prática

Nesta seção, mostraremos a demonstração prática do programa acima dado.

O trecho acima mostra como copiar/colar o texto na área de transferência usando JavaScript.

Conclusão

O JavaScript oferece algumas propriedades embutidas da área de transferência que nos permitem copiar/colar o texto na área de transferência usando um único botão Clique. Em JavaScript, o navegador.A área de transferência é usada para obter acesso à área de transferência enquanto a propriedade WriteText () é usada para copiar o texto na área de transferência. Este artigo apresenta um guia abrangente sobre como copiar/colar o texto na área de transferência usando JavaScript.