JavaScript复制内容到剪切板 ,是带格式的复制,而不是复制成一串,找了很久,还是这个实用,吧内容传入即可复制成功,并且带格式的
先上代吗
复制页面元素选中内容
function compare(text) { var isRTL = document.documentElement.getAttribute('dir') === 'rtl'; var element = document.createElement('textarea'); // 防止在ios中产生缩放效果 element.style.fontSize = '12pt'; // 重置盒模型 element.style.border = '0'; element.style.padding = '0'; element.style.margin = '0'; // 将元素移到屏幕外 element.style.position = 'absolute'; element.style[isRTL ? 'right' : 'left'] = '-9999px'; // 移动元素到页面底部 let yPosition = window.pageYOffset || document.documentElement.scrollTop; element.style.top = `${yPosition}px`; //设置元素只读 element.setAttribute('readonly', ''); element.value = text; document.body.appendChild(element); var ment =element ment.select(); ment.setSelectionRange(0, ment.value.length); document.execCommand('copy'); ment.remove(); // alert("已复制到剪切板"); }
实用方法
let val = `地址:https://www.baidu.com/ 账号:123456789 密钥:99999999999999 提示:用于复制工具` compare(val)
复制后粘贴效果
地址:https://www.baidu.com/ 账号:123456789 密钥:99999999999999 提示:用于复制工具