码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-10-30 14:40:22      阅读:399      评论:0      收藏:0      [点我收藏+]

标签:pointer   无法   initial   opened   lap   ext   idt   scale   head   

移动端无法复制:使用clipboard.js碰到的一个小问题
 
直接看下面的代码:在移动端访问,点击,能正常复制。
技术分享
<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端没这个问题)

( 如果上面不用 div,改用 button,那么这个问题不存在)

 

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

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

标签:pointer   无法   initial   opened   lap   ext   idt   scale   head   

原文地址:http://www.cnblogs.com/liaolongjun/p/7753916.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!