Jump to content
Helinho Coelho

Copiar o texto/valor que está no atributo "Title" do próprio link.

Recommended Posts

Olá a todos,

 

Estou com uma dúvida e ainda não consegui encontrar na internet uma resposta direta para a minha questão.

 

Tenho um link <a title="texto"> contendo um atributo title e quero que ao clicar neste link o texto do title seja selecionado e copiado para o meu clipboard.

 

<a href="#" title="Quero copiar este texto!">LINK SER CLICADO</a>

 

Desde já agradeço a atenção,

HC

 

 

 

 

 

Share this post


Link to post
Share on other sites
<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
 
        <a href="/lua" title="ir para a lua" data-personalizado="Você pode pegar um atributo personalizado tbm :)">vamos para a lua</a>
 
        <p class="colarAqui" data-original="esse texo vai mudar quando você clicar no link.">esse texo vai mudar quando você clicar no link.</p>
        
        <script>
 
            window.onload = () => {
 
                const link = document.querySelector ('a')
 
                const p = document.querySelector ('p')
 
                link.onclick = event => {
 
                    event.preventDefault ()
 
                    const atributoQueQuero = event.target.getAttribute ('title'// pode ser tbm: getAttribute ('data-personalizado')
 
                    console.log (atributoQueQuero)
 
                    p.innerText = atributoQueQuero
                }
 
                /**
                 *
                */
 
                p.onclick = e => {
 
                    e.target.innerText = e.target.getAttribute ('data-original')
                }
            }
        </script>
    </body>
</html>

Share this post


Link to post
Share on other sites

Olá Felipe,

 

Agradeço a atenção e a resposta dada. Mas infelizmente não é o que eu estou procurando. Eu quero que o conteúdo do atributo Title="texto aqui " seja copiado para o clipboard do usuário. Ou seja, quando eu der um Crtl+v em qualquer lugar seja colado o texto do Title após eu clicar no link <a>.

 

Att,

Helio Coelho

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By diegoxlz
      Seguinte, vi um script no site stackoverflow
      <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <script> function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); alert('Agora e so colar!'); } </script> <div id="div1">Linha1 Linha2 Linha3</div> <div id="div2">Caixa de texto 2</div> <button onclick="copyToClipboard('#div1')">Copy P1</button> <button onclick="copyToClipboard('#div2')">Copy P2</button> Mas quando sai o resultado fica assim Linha1Linha2Linha3, como fazer para ter quebra de linha conforme o alinhamento do conteúdo da div? Pois ja tentei com <br> e \n e também trocando tag div por tag textarea, mas não obtive resultado
       
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.