web-dev-qa-db-fra.com

Comment copier une URL sur un clic de bouton?

J'essaie de copier l'URL en cliquant sur le bouton. Certains comment j'ai essayé mais ne fonctionne pas. http://www.w3schools.com/code/tryit.asp?filename=FAF25LWITXR5

function Copy() 
{
    var Url = document.createElement("textarea");
    Url.innerHTML = window.location.href;
    Copied = Url.createTextRange();
    Copied.execCommand("Copy");
}
<div>
 <input type="button" value="Copy Url" onclick="Copy();" />
 <br />
 Paste: <textarea rows="1" cols="30"></textarea>
</div>
javascriptphpjqueryhtmlweb
3
Nithya
    <html>
<head>
    <title></title>
</head>
<script type="text/javascript">
            function Copy() 
            {
                //var Url = document.createElement("textarea");
                urlCopied.innerHTML = window.location.href;
                //Copied = Url.createTextRange();
                //Copied.execCommand("Copy");
            }
        </script>
<body>
    <div>

        <input type="button" value="Copy Url" onclick="Copy();" />
        <br />

        Paste: <textarea id="urlCopied" rows="1" cols="30"></textarea>
    </div>
</body>
</html>
1
Angelo

Pas besoin de créer une nouvelle textarea. essayez d’obtenir textarea existant en donnant un id ('url').

Voici l'exemple de travail 

function Copy() {
  var Url = document.getElementById("url");
  Url.innerHTML = window.location.href;
  console.log(Url.innerHTML)
  Url.select();
  document.execCommand("copy");
}
<div>
  <input type="button" value="Copy Url" onclick="Copy();" />
  <br /> Paste: <textarea id="url" rows="1" cols="30"></textarea>
</div>

4
Jyothi Babu Araja

Modifié votre code un peu et ça marche.

<html>
  <head>
  <title></title>
</head>
<script type="text/javascript">
        function Copy() 
        {
            var Url = document.getElementById("paste-box");
            Url.value = window.location.href;
            Url.focus();
            Url.select();  
            document.execCommand("Copy");
        }
</script>
<body>
<div>

    <input type="button" value="Copy Url" onclick="Copy();" />
    <br />

    Paste: <textarea id="paste-box" rows="1" cols="30"></textarea>
</div>
</body>
</html>
1
Pradeep Balasubramaniam

Lorsque le bouton est cliqué, sélectionnez le contenu de #url puis copiez-le dans le presse-papiers. 

<html>
  <body>
    <input type="button" value="Copy Url" id="copy" />
    <br />
    Paste: <textarea rows="1" cols="30" id="url"></textarea>
    <script type="text/javascript">
    document.querySelector("#copy").onclick = function() {
      document.querySelector("#url").select();
      document.execCommand('copy');
    };
    </script>
  </body>
</html>
0
Johnson Doe