文章/答案/技术大牛

发布

社区首页 >问答首页 >Clipboard.js未复制

问Clipboard.js未复制
EN

Stack Overflow用户

提问于 2017-08-28 02:54:13

回答 1查看 710关注 0票数 0

我关注的是：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示例是有效的，而不是我的。你有什么想法吗？

flask

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-08-28 04:34:41

javascript需要在调用它之前已经制作好按钮。由于head是已完成的html代码的第一部分，这意味着它试图调用尚未创建的按钮。

将脚本放在主体的底部调用按钮的位置，将确保在脚本尝试调用按钮之前创建该按钮。希望能有所帮助。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45908300

复制

相似问题

问Clipboard.js未复制
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Clipboard.js未复制EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Clipboard.js未复制
EN