Question

我在网上发现了一个代码，允许我将文本复制到剪贴板，但我做了一个按钮，我不想让它说服务器IP。这是因为代码将复制的内容我希望它说复制服务器IP然后它将复制服务器IP这里部分，如果有人可以帮助我会非常感谢。

<a id="demo" class="button cta-button" onclick="copyToClipboard(document.getElementById('demo').innerHTML)">Server Ip Here</a>
<script>
  function copyToClipboard(text) {
    window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
  }
</script>

它说的服务器IP这里它将是我的服务器IP但是我想它说〜复制服务器IP而不是只显示IP并单击它来复制。

Answer 1

编辑： 编辑2应回答问题

<a id="demo" class="button cta-button" onclick="copyToClipboard(document.getElementById('demo').innerHTML)">
Server Ip Here
</a>

"之间的所有内容都会呈现为文字。

示例：

var text="value";
console.log(text); //Will render "value"
console.log("text"); //Will render "text"

然后使用arg copyToClipboard(document.getElementById('demo').innerHTML)执行

document.getElementById('demo').innerHTML，这是一个字符串。

案例1 您的<a>代码会显示您的IP服务器的价值

onclick="copyToClipboard("+document.getElementById('demo').innerHTML+")"

案例2 您的<a>代码会隐藏服务器的IP

var ip = "ip address";  //In your javascript file

onclick="copyToClipboard("+ip+")"

警告：您的ip值必须在HTML文件的顶部声明<script>标记或html在您的正文中呈现之前的文件，否则ip值为null您的<a>代码的值为onclick="copyToClipboard()"

编辑2 考虑到脚本部分没问题

<a id="demo" class="button cta-button" onclick="copyToClipboard('192.168.1.1')">
Click here to copy ip
</a>

document.getElementById('demo').innerHTML为您提供了代码<a id="demo">标记内的所有内容，因此在您的示例中，它是＆＃34;服务器Ip Here＆＃34;。但是，这不是您所期望的，因此您可以通过IP服务器的值更改它。

这有效：

<script>
    function copyToClipboard(text) {
         window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
      }
</script>

<a id="demo" class="button cta-button" onclick="copyToClipboard('192.168.1.1')">
     Click here to copy ip
</a>

关于<a>代码，尝试自己动手了解它们的工作原理 http://www.w3schools.com/tags/tag_a.asp

复制前的HTML文本

1 个答案: