js 复制_layer 复制-CSDN博客

本文链接：https://blog.csdn.net/qq_34737189/article/details/119732859

本文介绍了一个JavaScript库window.Clipboard，演示如何在网页中创建文本区域，实现跨平台的文本选择和复制功能，特别针对iOS设备进行了优化。通过实例展示了如何调用copy函数将指定文本复制到iOS设备的剪贴板。

摘要由CSDN通过智能技术生成

window.Clipboard = (function(window, document, navigator) {
                var textArea,
                    copy;
 
                // 判断是不是ios端
                function isOS() {
                    return navigator.userAgent.match(/ipad|iphone/i);
                }
                //创建文本元素
                function createTextArea(text) {
                    textArea = document.createElement('textArea');
                    textArea.innerHTML = text;
                    textArea.value = text;
                    document.body.appendChild(textArea);
                }
                //选择内容
                function selectText() {
                    var range,
                        selection;
 
                    if (isOS()) {
                        range = document.createRange();
                        range.selectNodeContents(textArea);
                        selection = window.getSelection();
                        selection.removeAllRanges();
                        selection.addRange(range);
                        textArea.setSelectionRange(0, 999999);
                    } else {
                        textArea.select();
                    }
                }
 
                //复制到剪贴板
                function copyToClipboard() {
                    try{
                        if(document.execCommand("Copy")){
                            alert('复制成功') 
                            //layer.msg('复制成功');
                        }else{
                            alert('复制失败！请手动复制！') 
                            //layer.msg('复制失败！请手动复制！');
                        }
                    }catch(err){
                            alert('复制错误！请手动复制！') 
                            //layer.msg('复制错误！请手动复制！');
 
                    }
                    document.body.removeChild(textArea);
                }
 
                copy = function(text) {
                    createTextArea(text);
                    selectText();
                    copyToClipboard();
                };
 
                return {
                    copy: copy
                };
            })(window, document, navigator);


Clipboard.copy('要复制的文本');