H5用document.execCommand()复制文本在IOS不生效的解决办法

最新推荐文章于 2024-02-22 11:29:32 发布

猿耳盗铃

最新推荐文章于 2024-02-22 11:29:32 发布

阅读量1.2k

点赞数

分类专栏： javascript 文章标签： javascript 前端 html5 vue

本文链接：https://blog.csdn.net/qq_37609787/article/details/129615889

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

用document.execCommand()复制文本，会发现在安卓上生效，在IOS上不生效

var ele = $(e.target),
                    codeEle = $('#codeTxt'),
                    u = navigator.userAgent,
                    isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
                if (!document.execCommand) {
                    Util.toast('当前环境不支持复制功能');
                    return false;
                }

                if (isAndroid) {
                    codeEle.select();
                    var result = document.execCommand('copy');
                    if (result) {
                        Util.toast('已经复制到剪贴板');
                    } else {
                        Util.toast('复制失败');
                        return false;
                    }
                } else {
                    //var input = document.createElement('input');
                    let input = $('#copyTxt')[0];
                    input.value = codeEle.val();
                    input.select();
                    input.setSelectionRange(0, input.value.length);
                    document.execCommand('Copy');
                    //document.body.removeChild(input);
                    Util.toast('已经复制到剪贴板');
                }