2016-12-04 43 views
2

我想複製網址上的按鈕點擊。一些我已經嘗試過,但沒有工作。 http://www.w3schools.com/code/tryit.asp?filename=FAF25LWITXR5如何複製點擊按鈕上的URL?

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>

回答

1
<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> 
+0

http://www.w3schools.com/code/tryit.asp?filename=FAF2FKC6L2QH – Angelo

+0

獲取textarea的對象(從ID),並使用認沽網址 「的innerHTML」 istruction在textarea的 – Angelo

+1

太謝謝你了它正在工作.. – Nithya

0

當點擊該按鈕選擇#URL的內容,然後將其複製到剪貼板。

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

無需創建新的textarea。嘗試通過給出一些id('url')來獲得現有的textarea

這裏是工作示例

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>

0

修改代碼一點,它的工作。

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