js调用浏览器的复制功能
:
浏览器自带复制粘贴功能,通过js调用浏览器的复制功能实现复制文本内容到剪切板
浏览器复制命令:document.execCommand(‘Copy’)
具体代码实现:
// 复制文本内容
copyText (text) {
let inputDom = document.createElement('input'); // 创建一个input元素
inputDom.setAttribute('readonly', 'readonly'); // 防止手机上弹出软键盘
inputDom.value = text; // 给input元素赋值
document.body.appendChild(inputDom); // 添加到body
inputDom.select(); //选中input元素的内容
document.execCommand('Copy'); // 执行浏览器复制命令
inputDom.style.display = 'none';
inputElement.remove(); // 移除input元素
this.$message({
message: '复制到剪贴板成功',
type: 'success'
});
},