javascript - 如何在单击按钮时复制 URL？

Question

我试图在单击按钮时复制文本区域中的当前页面 URL。不知何故，我已经尝试过但没有用。 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>

Answer 1

无需创建新的 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>