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

时间 2019-12-08

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

原文原文链接

直接看下面的代码：在移动端访问，点击，能正常复制。

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
<body>

<div class="btn" style="cursor:pointer;">copy123456</div>

<script src="clipboard.min.js"></script>
<script src="jquery.min.js"></script>
<script>
    var clipboard = new Clipboard('.btn', {
        text: function () {
            return $(".btn").html();
        }
    });

    clipboard.on('success', function (e) {
        alert("复制成功");
    });

    clipboard.on('error', function (e) {
        alert("复制失败");
    });
</script>
</body>
</html>

View Code

问题：把样式 cursor: pointer 去掉，在移动端点击没反应，复制不了（在PC端没这个问题）html

（若是上面不用 div，改用 button，那么这个问题不存在）jquery

具体缘由，没精力去探索了，先告诉那些可能遇到这个问题，却还没发现的朋友吧，别纠结了。ide