剪切板
系统命令
通过 document.execCommand(cmd) 实现赋值粘贴等功能
js
function copy(dom) {
dom.select()
document.execCommand('copy')
console.log('已复制')
}
function paste(dom) {
dom.focus() // 输入框元素
document.execCommand(paste'')
}说明
- 该语法已废弃
- 只能复制选中内容
- 操作同步,大数据量可能卡顿
ClipBoard
js
function writeToClipboard(text) {
try {
navigator.clipboard
.writeText(text)
.then(() => console.log("success"))
.catch(() => console.log("failure"));
} catch (err) {}
}方法
- .read() 读数据
- .readText() 读文本
- .write() 写任意数据(如图片)
- .writeText() 写文本
说明
- chrome 下只有 https 和 localhost 页面可以使用(非安全环境无法访问 clipBoard)
- 读取剪切板内容时需要获得用户许可(write 权限默认授予)