Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Helinho Coelho

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

Por , em Javascript

Recommended Posts

Helinho Coelho    0

Helinho Coelho
Postado

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

 

 

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

felipeoli7eira    0

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Helinho Coelho    0

Helinho Coelho
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

felipeoli7eira    0

felipeoli7eira
Postado
<!DOCTYPE html>
<html lang="pt-BR">
    <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>iMaster</title>
        <link rel="stylesheet" href="./app.css">
    </head>
    <body>
 
        <nav>
            <a href="https://google.com" title="Esse valor veio do attr title">Clique aqui</a>
        </nav>
 
        <script>
 
            window.onload = () => {
 
                let tagA = document.querySelector ("a")
 
                tagA.onclick = event => {
 
                    event.preventDefault ()
 
                    let title = tagA.getAttribute ("title")
 
                    let input = document.createElement ("input")
 
                    input.setAttribute ("type", "text")
 
                    input.value = title
 
                    document.body.append (input)
 
                    input.select()
 
                    document.execCommand ("copy")
 
                    input.remove()
 
                    console.log ("Processo finalizado")
                }
            }
        </script>
    </body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • diegoxlz
      Como copiar conteudo de div para clipboard com quebras de linhas?
      Por 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
       
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito