一键复制，兼容iOS和安卓(原创)

Html

Css

一键复制指定元素或文本信息，兼容安卓和iOS

电话号码: 13899888899

var copy1 = document.getElementById('copy1');
var copy2 = document.getElementById('copy2');
var textBox = document.getElementById('textBox');
copy1.onclick = function() {
    copyText(textBox);
}

copy2.onclick = function() {
    copyText('电话号码:' + textBox.innerHTML);
}

/**复制文本 */
function copyText(node) {
    if (!node) {
        return;
    }
    var result;
    // 将复制内容添加到临时textarea元素中
    var tempTextarea = document.createElement('textarea');
    document.body.appendChild(tempTextarea);
    if (typeof(node) == 'object') {
        // 复制节点中内容
        // 是否表单
        if (node.value) {
            tempTextarea.value = node.value;
        } else {
            tempTextarea.value = node.innerHTML;
        }
    } else {
        // 直接复制文本
        tempTextarea.value = node;
    }
    // 判断设备
    var u = navigator.userAgent;
    if (u.match(/(iPhone|iPod|iPad);?/i)) {
        // iOS
        // 移除已选择的元素
        window.getSelection().removeAllRanges();
        // 创建一个Range对象
        var range = document.createRange();
        // 选中
        range.selectNode(tempTextarea);
        // 执行选中元素
        window.getSelection().addRange(range);
        // 复制
        result = document.execCommand('copy');
        // 移除选中元素
        window.getSelection().removeAllRanges();

} else {
        // 选中    
        tempTextarea.select();
        // 复制
        result = document.execCommand('Copy');
    }
    // 移除临时文本域
    document.body.removeChild(tempTextarea);
    if (result) {
        alert('复制成功', {
            removeTime: 1000
        })
    } else {
        alert('复制失败', {
            removeTime: 1000
        })
    }

return result;
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

一键复制，兼容iOS和安卓(原创)

代码描述：一键复制。原生写法，兼容iOS和安卓

因为项目需要多个地方用到复制功能，但又没有必要再引入一个插件，自己动手丰衣足食。

1

最新

发表评论全部评论

暂时没有评论！

年0

2019/5/25 11:04:49

点击复制返回文本怎么也是复制成功回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

相关代码

一键复制指定元素或文本信息，兼容安卓和iOS

一键复制，兼容iOS和安卓(原创)

最新