Ir para conteúdo

POWERED BY:

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

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