使用navigator.clipboard API读取
备注:由于安全和隐私原因,此API只能在安全上下文中运行(即HTTPS或本地服务器),并且在某些情况下可能需要用户交互(例如,点击事件)。
使用
javascript
//HTML
<el-button @click="ztbtn"><template #icon><el-icon><svg-icon
name="i-ep:refresh" /></el-icon></template>粘贴</el-button>
//JS
async function getClipboardText() {
try {
const text = await navigator.clipboard.readText();
console.log('剪贴板内容:', text);
// 假设您想要在用户成功读取剪贴板内容后显示一条消息
} catch (err) {
console.error("🚀 ~ readText ~ err:", err);
// 可以在这里处理错误,比如显示一个错误消息
// ElMessage.error("无法读取剪贴板内容");
}
}
const ztbtn = ()=>{
// 调用函数
getClipboardText();
}