html 手机端可以选择复制粘贴 js移动端实现网站内容复制粘贴功能

// 复制文案功能:

const jsCopy = function(obj) {

function fn() {

var u = navigator.userAgent;

//苹果

if (u.match(/(iPhone|iPod|iPad);?/i)) { //ios

// alert('苹果啊');

//要复制文字的节点

var copyDOM = obj.parentNode.firstChild.nextElementSibling;

var range = document.createRange();

// 选中需要复制的节点

range.selectNode(copyDOM);

// 执行选中元素

window.getSelection().addRange(range);

// 执行 copy 操作

var successful = document.execCommand('copy');

try {

var msg = successful ? 'successful' : 'unsuccessful';

console.log('copy is' + msg);

} catch (err) {

console.log('Oops, unable to copy');

}

// 移除选中的元素

window.getSelection().removeAllRanges();

obj.innerHTML = '已复制'

//obj.setAttribute('data-state','yes');

}

// 安卓

if (u.indexOf('Android') > -1) {

// alert('安卓啊');

var $copyPP = obj.parentNode.firstChild.nextElementSibling,

$copyText = obj.parentNode.lastChild.nextElementSibling;

$copyText.innerHTML = $copyPP.innerHTML.replace(/]+>/g, "");

$copyText.select(); // 选择对象

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

obj.innerHTML = '已复制';

}

// 安卓系统的UC浏览器

if (u.indexOf('Android') > -1 && u.indexOf('UCBrowser') > -1) {

obj.innerHTML = '点击复制文案';

alert('若点击复制文案无效，请长按内容手动复制！');

}

}

obj.addEventListener('click', fn, false);

};

//

let copyBtns = document.querySelectorAll('.js-copy-btn');

copyBtns.forEach((obj) => {

jsCopy(obj);

});