js 复制文本框内容兼容ios

最新推荐文章于 2020-12-26 14:55:06 发布

原创最新推荐文章于 2020-12-26 14:55:06 发布 · 195 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #复制

烂笔头同时被 2 个专栏收录

14 篇文章

订阅专栏

11 篇文章

订阅专栏

博客介绍了使用JS方法复制input框内容，且该方法具备兼容iOS系统的特性，聚焦于信息技术领域中前端开发的相关应用。

js方法复制input框内容
该方法兼容ios

    function copyText() {
        var u = navigator.userAgent;
        var $androidActionSheet = $('#sheet_yaoqingma');
        //ios
        if (u.match(/(iPhone|iPod|iPad);?/i)) {
            var copyDOM = document.getElementById("attendancecode");
            var range = document.createRange();
            // 选中需要复制的节点
            range.selectNode(copyDOM);
            // 执行选中元素
            window.getSelection().addRange(range);
            // 执行 copy 操作
            var successful = document.execCommand('copy');
            try {
                var msg = successful ? '复制成功' : '复制失败';
            } catch(err) {
                var msg = err;
            }
            layer.msg(msg,{icon:1,time:1500},function(){
                $androidActionSheet.fadeOut(200);
            });
        }else {
            //Android
            var input = document.getElementById("attendancecode");
            input.select(); // 选中文本
            document.execCommand("copy"); // 执行浏览器复制命令
            layer.msg('复制成功',{icon:1,time:1500},function(){
                $androidActionSheet.fadeOut(200);
            });
        }
    }