Ir para conteúdo
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

 

 

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros 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>

Compartilhar este post


Link para o post
Compartilhar em outros 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

Compartilhar este post


Link para o post
Compartilhar em outros sites
<!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

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • 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.