Publicado em 11 de set.

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

#javascript #atributo title #attr(title)#clipboard #copiar atributo

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

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

felipeoli7eira· 12 de set.

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

Helinho Coelho· 12 de set.

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

Omar~· 13 de set.

https://developer.mozilla.org/en-US/docs/Web/API/Clipboard

Helinho Coelho· 3 de nov.

Infelizmente não consegui a resposta para essa questão. Já procurei em vários fóruns e tutoriais. Alguém se habilita a desvendar essa questão do "title"?

felipeoli7eira· 9 de jan.

<!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](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>