移動端沒法複製：使用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" onclick="copy()">複製</button>

二，移動端沒法複製的緣由

1》因爲一開始我不是用button這個標籤，而是以下，因此致使不能夠複製

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

2>PS,更改成button標籤便可