js自动复制内容到剪贴板问题

通过以下代码实现移动端自动复制内容到剪贴板：

<script src="https://static.runoob.com/assets/clipboard.min.js"></script>
<p id="copy" data-clipboard-text="888888888888888888">6666</p>
<script>
    var clipboard = new Clipboard("#copy");
    clipboard.on("success", function(e) {
      console.log(e);
    });
    clipboard.on("error", function(e) {
      console.log(e);
    });

    document.getElementById("copy").click();
</script>

通过
document.getElementById("copy").click();
来触发点击的话无法复制内容到剪贴板，而手动点击p标签就可以复制到到剪贴板，这种问题该怎么解决？

不同的浏览器不一样，比如chrome，需要点下该程序允许剪贴板交互，才能使用剪贴板。

你那个p都没绑事件吧 建议你写成这样

  <p id="copy" onclick="copy()" data-clipboard-text="888888888888888888">6666</p>
    <script>
        function copy() {
            var clipboard = new Clipboard("#copy");
            clipboard.on("success", function (e) {
                console.log(e);
            });
            clipboard.on("error", function (e) {
                console.log(e);
            });
        }
        document.getElementById("copy").click();