美文网首页
h5复制粘贴

h5复制粘贴

作者: 西西_80ff | 来源:发表于2018-09-05 12:01 被阅读0次

    html

    <div>

        <span id="text" readonly>要复制的内容</span>

        <button onclick="copy()">复制按钮</button>

    </div>

    js

    var copy=function(){

            if (wb.ua.isIOS) {//区分iPhone设备

                    var text = document.getElementById("text");

                    text.setSelectionRange(0, text.value.length);

                    if(document.execCommand('copy', false, null)){

                        showError("复制成功");

                    } else{

                        showError("复制失败");

                    }

                }else{

                    var text = document.getElementById("text");

                    text.select(); // 选中文本

                    document.execCommand("copy"); // 执行浏览器复制命令

                    showError("复制成功");

                }

    }

    只有textarea或input可输入的文本才能复制,但是调用复制会调起键盘,所以给textarea添加readonly属性就可以阻止键盘弹起。( input.select()对ios不起作用)

    相关文章

      网友评论

          本文标题:h5复制粘贴

          本文链接:https://www.haomeiwen.com/subject/ficawftx.html