zoukankan      html  css  js  c++  java
  • 移动端无法复制:使用clipboard.js碰到的一个小问题

    移动端无法复制:使用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,那么这个问题不存在)

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

  • 相关阅读:
    网络运维架构
    Q in Q
    光纤/光模块的多模和单模
    Cisco VTP
    Cisco NTP配置
    惠普/aruba交换机
    【转】交换机背板带宽
    接入交换机下所有服务器不定时丢包
    windows 2012安装不了KB2919355
    Cisco交换机密码策略设置
  • 原文地址:https://www.cnblogs.com/liaolongjun/p/7753916.html
Copyright © 2011-2022 走看看