javascript - 什么可能阻止 Javascript 将值存储在剪贴板上？

Question

我在 ASP.Net 网站中使用一些简单的 Javascript。

计算值并将其存储在隐藏文本框中，如下所示。

<asp:LinkButton ID="LinkButtonShare" runat="server" CssClass="btn btn-success" OnClientClick="copyToClipboard()"><i class="fa fa-share-square"></i> Share</asp:LinkButton>
<div class="hidden"><asp:TextBox ID="TextBoxCopyURL" runat="server" ClientIDMode="Static"></asp:TextBox></div>

然后它执行我的 Javascript，如下所示。

function copyToClipboard() {
  var copyText = document.getElementById("TextBoxCopyURL");
  copyText.select();
  document.execCommand("copy");

  /* Alert with the copied text */
  alert("Copied the text: " + copyText.value);

导致出现如下所示的警报，但该字符串永远不会复制到 Firefox 或 Chrome 中的剪贴板。

我似乎无法理解我在如此简单的事情上错过了什么......

Answer 1

您的代码略有不同，但基本相同。它按预期工作。 https://codepen.io/anon/pen/ZjWXoj

function copyToClipboard() {
  var copyText = document.getElementById("textinput");
  copyText.select();
  document.execCommand("copy");

  console.log(copyText.value); // logs copyText input value
}

document.querySelector('#btn').addEventListener('click', () => {
  copyToClipboard();
})

要注意，在js中不能直接获取剪贴板的内容。即您无法以编程方式触发粘贴或访问剪贴板的内容。