在具有隐藏输入字段的Javascript中复制到剪贴板

我有一个显示用户名称的span，如图所示，还有一个隐藏的输入框，其中包含用户的用户名。输入框位于UI上跨度的正下方，并隐藏了可见性

<span> My Name </span>
<input type = "text" class = "hidden" value = "MyUserName"> 

我的名字

我想要的是，当用户单击可见范围并按Ctrl+C时，我希望输入框的值复制到剪贴板上。（本例中为MyUserName）。有什么方法可以用Javascript实现这一点吗

看看这里：。作者创建了一个Javascript函数库，可以轻松地执行您的要求

使用此脚本库，您可以执行以下操作：

shortcut.add("Ctrl+C",function() {
    //Do something here
});

---

我有这个方便的功能，适用于IE和Firefox（请求许可）。对于其他人，虽然你需要零剪贴板闪存控制

当它无法工作时，它会显示一个以文本为中心的提示，以便用户可以按Ctrl+c组合键输入数据

function copyText(text) {
    if (window.clipboardData) { // Internet Explorer
      window.clipboardData.setData("Text", ""+ text);  
    } else if (window.netscape) { // Mozilla
      try {
        netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
        var gClipboardHelper = Components.classes["@mozilla.org/widget/clipboardhelper;1"].getService(Components.interfaces.nsIClipboardHelper);
        gClipboardHelper.copyString(text);
      } catch(e) {
          return prompt("Ctrl+C this text : ", text);
      }
    } else {
      return prompt("Ctrl+C this text : ", text);
    }
    return false;
  }

试试这个

<span onClick="CopyToClipboard()"> My Name </span>
<input type = "text" id="test" class = "hidden" value = "MyUserName">

我的名字

然后是剧本

<script type="text/javascript">

function CopyToClipboard()

{

document.getElementById('test').focus();

document.getElementById('test').select(); 

}

</script>

函数CopyToClipboard（）
{
document.getElementById（'test'）.focus（）；
document.getElementById（'test'）.select（）；
}

可能的重复工作就像一个符咒！！简单而高效的解决方案。我甚至不需要用闪光灯。。非常感谢。我在不同的情况下遇到了相同的问题，但我只需要稍微改变一下。@Ankit你知道，如果有人给了你正确的答案，你可以单击答案旁边的检查大纲，说“这就是帮助我的问题，我的问题已经解决了”