5

Preciso saber como dar ctrl c no conteúdo de uma div quando clicar nela. No caso vai ter várias divs, e ele irá pegar o conteúdo da div clicada.

Eu achei algumas coisas na internet, mas queria algo simples. Simplesmente através do onclick pegar o conteúdo da div.

Pode ser Javascript ou Jquery. (Qualquer um serve, dês que funcione)

Não precisa funcionar em todos navegadores, apenas colocar o comando javascript que copia (ctrl + c). Pois acredito que pode ajudar na comunidade.

Obs: Gostaria que me apresentassem uma solução que não seja usando a técnica do clipboard

Grato...

13
  • 1
    O que exatamente você quera fazer com o conteúdo copiado? Você vai usar na mesma página ou em outra página diferente? 27/06/2015 às 13:44
  • 4
    Está questão está sendo discutida no meta: meta.pt.stackoverflow.com/q/4040/3635
    – Syzoth
    28/06/2015 às 15:50
  • 8
    O que o @ErlonCharles quer dizer é que se for apenas a transferência de dados dentro do próprio browser então pode haver uma solução mais simples (não precisa envolver a área de transferência). Mas se você quer colar de/para aplicativos externos, é mais complicado. Ninguém está tentando te "atrapalhar", não, é que quanto mais contexto puder dar sobre seu problema, melhor a capacidade da comunidade de te ajudar. Essa sua atitude só está prejudicando a você mesmo.
    – mgibsonbr
    28/06/2015 às 16:34
  • 2
    @mgibsonbr é exatamente isso, essa questão é bem interessante e entender melhor a necessidade ajuda na resolução. 28/06/2015 às 21:00
  • 1
    Você quer copiar o texto do div ou a formatação também?
    – Syzoth
    3/07/2015 às 13:46

1 Resposta 1

3

É meio complicado isso de copiar direto pro clipboard algo via javascript porque não funciona bem em todos navegadores, uma tática é facilitar pro usuário copiar. Exemplo:

window.onload = function () {
  var divs = document.querySelectorAll('.copiar');
  
  for (var i=0; i<divs.length; i++) {
     divs[i].addEventListener("click", function () {
        prompt("Dê um CTRL + C para copiar e feche.", this.innerHTML);
     });  
  }
}
.copiar {
   border: 1px solid;
   margin: 30px 0;
   cursor: pointer;
}
<div class="copiar">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mauris mi, bibendum sed viverra in, maximus quis mauris. Aenean laoreet mattis orci, vel porta est. Maecenas vel nisi vitae felis auctor imperdiet. Morbi convallis dapibus leo. Nunc maximus ligula id felis porta, vitae tincidunt risus lobortis. Pellentesque mattis mauris at odio sagittis, vitae fermentum arcu ultricies. Donec in cursus enim, id pretium velit. Nunc elementum nunc augue, sed ullamcorper velit fermentum nec. Aliquam erat volutpat. Nulla erat diam, posuere cursus turpis imperdiet, luctus maximus nunc</div>

<a class="copiar">Praesent imperdiet nulla leo, a eleifend velit finibus sit amet. Donec sodales, orci a tincidunt varius, tellus eros dignissim sem, id lobortis neque lectus sed erat. Nam mattis risus et purus pharetra, vel mattis nisl tincidunt. Nunc ornare tempus mauris. Duis molestie volutpat dui eget facilisis. Aenean sagittis elit erat, at ultricies odio varius quis. Proin eu aliquam lacus. Proin et vestibulum leo. Sed porta ullamcorper sagittis. Phasellus commodo non felis nec rhoncus. Praesent placerat, nisl ut condimentum malesuada, ipsum elit pretium orci, eget interdum lacus sem vel libero. Nam dolor elit, malesuada eget rutrum non, efficitur at purus. Interdum et malesuada fames ac ante ipsum primis in faucibus</a>
  

Se quiser tentar algo mais avançado: https://www.lucidchart.com/techblog/2014/12/02/definitive-guide-copying-pasting-javascript/

2
  • Eu posso usar este script como alternativa para outros navegadores, muito boa a resposta. Porém eu quero colocar o ctrl c para navegadores que permitem isto. 27/06/2015 às 14:02
  • @FelipeJorge zeroclipboard.org 27/06/2015 às 14:24

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