Clipboard.js没有复制

Question

我遵循了这个： https : //jsfiddle.net/gevorgha/fbeof421/

这是我的html文件：

    <!DOCTYPE html>
    <html lang="en">
      <head>
    [...]    
    <script type="text/javascript" src="{{ url_for('static', filename='js/clipboard.min.js') }}"></script>
        <script>
            new Clipboard('.btn');
        </script>

    <body>



    <!-- Target -->
    <div id="bar">Mussum ipsum cacilds...</div>

    <!-- Trigger -->
    <button class="btn" data-clipboard-action="copy" data-clipboard-target="#bar">
    Copy to clipboard
</button>



      </body>
    </html>

我没问题

"{{ url_for('static', filename='js/clipboard.min.js') }}"

我的浏览器控制台出现此错误：

clipboard.min.js:7 Uncaught TypeError: Cannot read property 'addEventListener' of null
    at o (clipboard.min.js:7)
    at c (clipboard.min.js:7)
    at o (clipboard.min.js:7)
    at e.t [as listenClick] (clipboard.min.js:7)
    at new e (clipboard.min.js:7)
    at (index):13
o   @   clipboard.min.js:7
c   @   clipboard.min.js:7
o   @   clipboard.min.js:7
t   @   clipboard.min.js:7
e   @   clipboard.min.js:7
(anonymous) @   (index):13

jsfiddle示例是可行的，而不是我的。 你有什么主意吗？

Answer 1

javascript需要在调用按钮之前完成该按钮。 因为head是完成的html代码的第一部分，所以这意味着它试图调用尚未创建的按钮。

将脚本放在调用按钮的位置位于主体底部，可确保在脚本尝试调用按钮之前先完成按钮的创建。 希望能帮助到你。

Clipboard.js没有复制

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-08-27 20:34:41

Clipboard.js没有复制

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-08-27 20:34:41

解决方案1
0 已采纳 2017-08-27 20:34:41