项目概览
这个项目必须在 https://页面或本地文件 file://协议下运行，可以清空系统右键菜单的粘贴剪切板内容，适用于复制的文字或文件。
核心代码
navigator.clipboard.writeText('').then(() => {
console.log('剪切板已清空');
}).catch(err => {
console.error('无法访问剪切板: ', err);
});完整示例
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> 清空剪切板示例 —— 何星星</title>
</head>
<body>
<button id="clearClipboardBtn"> 清空剪切板</button>
<script>
document.getElementById('clearClipboardBtn').addEventListener('click', () => {
navigator.clipboard.writeText('').then(() => {
alert('剪切板已清空');
}).catch(err => {
console.error('无法访问剪切板: ', err);
});
});
</script>
</body>
</html>使用说明
如何应用
- 将代码保存为一个
.html文件（例如clearClipboard.html）。 - 通过浏览器打开此文件（确保在
file://协议下）或将文件部署在一个 HTTPS 网站上。 - 打开页面后，点击 “清空剪切板” 按钮。
- 剪切板中的内容（包括文字或文件）将被清空，适用于右键菜单中的粘贴功能。
关键要点
-
HTTPS 或本地文件协议： 确保项目在
https://或file://协议下运行，以便能够访问剪切板。 - 适用于文字或文件： 该方法适用于清空剪切板中复制的文字或文件内容。
友情提示：本站所有文章，如无特殊说明或标注，均为何星星原创发布。与此同时，趋于近年来本站的文章内容频繁被他站盗用与机器采集，现已全局禁用网站文字内容操作，了解详情或转载文章请 点此 继续！
0 条评论