0

Tenho um código abaixo em JavaScript que pega o td que foi clicado e copia para a área de transferência, porém ele não está funcionando. O erro que apresenta no console é:

(teste).select(); is not a function

O alert(teste) retorna o número do id certinho. O que eu preciso é copiar esse id para área de transferência do clipboard.

$("td").click(function(e){
            var teste = e.target.id;
            alert(teste);

            (teste).select();

             document.execCommand('copy');
               alert('Texto copiado para a área de transferência');

        });
10
  • Para fazer isso, você precisa colocar o texto em um textarea. Commented 12/02/2019 às 12:17
  • Crie um textarea pequeno e coloque ele transparente com o css Commented 12/02/2019 às 12:18
  • Mude para $(teste).select();
    – Sorack
    Commented 12/02/2019 às 12:20
  • Mas mesmo se eu colocar um textarea ele retorn o erro (teste).select(); is not a function
    – matheus
    Commented 12/02/2019 às 12:21
  • Eu deixei assim : <td><textarea id="2">teste</textarea></td>
    – matheus
    Commented 12/02/2019 às 12:23

3 Respostas 3

1

Você precisa colocar o texto em uma TextArea primeiro, e depois fazer o .select() no próprio elemento, e não no valor que será copiado.

Primeiro coloque um TextArea invisível em sua página:

<textarea id="texto" style="display:none;"></textarea>

Então, na sua function:

$("td").click(function(e){
    var valor = e.target.id;        

    $('#texto').val(valor).select();        
    document.execCommand('copy');
    alert('Texto copiado para a área de transferência');
 });

Veja outro exemplo aqui

1

Pode fazer desta forma, sem a necessidade de usar a id, usando os objetos Range e Selection do JavaScript:

$("td").click(function(e){
//   var teste = e.target.id;
//   alert(teste);

   var range = document.createRange(); // cria o objeto range
   range.selectNodeContents(this);   // adiciona o conteúdo do elemento clicado
   var sel = window.getSelection();  // cria o objeto Selection
   sel.removeAllRanges(); // limpa o objeto Selection
   sel.addRange(range); // seleciona o texto

   document.execCommand('copy');
   alert('Texto copiado para a área de transferência');

});
1

Para obter um id de um elemento especifíco através do jQuery tem uma abordagem um pouco melhor ao invés de usar o event, o que você fazer é pegar através do comando

$(this).attr('id');
Assim ele vai pegar o elemento clicado no caso this e pegar o atributo id desse elemento. No caso do .select() você vai ter que pegar ele usando também o $, ficaria mais ou menos isso:

$(teste).select();

Espero ter ajudado

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .