移动端没法复制：使用clipboard.js碰到的一个小问题

时间 2019-11-16

标签移动没法复制使用 clipboard.js clipboard 碰到一个问题栏目无线繁體版

原文原文链接

一，先上能够使用的代码jquery

@{
    ViewBag.Title = "Home Page";
}

<script src="~/Scripts/jquery-3.3.1.js"></script>

<script src="~/Scripts/clipboard.min.js"></script>

<script>
    var clipboard = new Clipboard('.btn');
    clipboard.on('success', function (e) {
        alert("复制成功");
        e.clearSelection();
    });
    clipboard.on('error', function (e) {
        alert("复制失败,请长按进行复制");
    });

</script>
<span id="copyID">4444444</span>
<button class='btn' data-clipboard-action="copy" data-clipboard-target="#copyID" onclick="copy()">复制</button>

二，移动端没法复制的缘由spa

1》因为一开始我不是用button这个标签，而是以下，因此致使不能够复制code

<span class='btn' data-clipboard-action="copy" data-clipboard-target="#copyID" onclick="copy()">复制</span>

2>PS,更改成button标签便可blog