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

一，先上可以使用的代码

@{
    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" οnclick="copy()">复制</button>

二，移动端无法复制的原因

1》由于一开始我不是用button这个标签，而是如下，所以导致不可以复制

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

2>PS,更改为button标签即可

转载于:https://www.cnblogs.com/May-day/p/9662399.html