无法使用 JavaScript 将元素内部 HTML 复制到剪贴板

我使用剪贴板.js用javascript复制我的html文本，但它不起作用。这是我的代码：

<html>
//...
<script src="http://asafdav.github.io/ng-csv/javascripts/ngClip.js"</script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/1.1.7/ZeroClipboard.min.js"></script>
//...
<div id="copy-target">hello</div>
<button class="copy-button" data-clipboard-action="copy" data-clipboard-target="#copy-target">Copy</button>
//...
<script>
var clipboard = new Clipboard('.copy-button');
</script>
</html>

当我使用文本区域时，它工作得很好：

<textarea id="copy-target">hello</textarea>

但是当我使用div 时不行：

<div id="copy-target">hello</div>

谢谢！

它对我来说很好用。我认为您的脚本标签是错误的 - 使用您提供的代码，我得到了一个Clipboard is not defined错误。看起来您正在包含零剪贴板，但您打算使用剪贴板js？然后你还有一个格式错误的 ngClip 脚本标签。

尝试使用项目页面上的其中一个 CDN。

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.6.1/clipboard.min.js"></script>
</head>
<body>
  <div id="copy-target">hello</div>
  <button class="copy-button" data-clipboard-action="copy" data-clipboard-target="#copy-target">Copy</button>
  
  <script>
    var clipboard = new Clipboard('.copy-button');
  </script>
</body>
</html>

相关内容

最新更新

热门标签：