- js 阻止事件的默认行为来禁用操作
// 禁用相关事件
document.addEventListener('copy', (e) => { e.preventDefault(); });
document.addEventListener('cut', (e) => { e.preventDefault(); });
document.addEventListener('paste', (e) => { e.preventDefault(); });
document.addEventListener('contextmenu', (e) => { e.preventDefault(); });
// 可选:禁用Ctrl+A, Ctrl+C等快捷键
document.addEventListener('keydown', (e) => {
if (e.ctrlKey && (e.key === 'a' || e.key === 'c')) {
e.preventDefault();
}
});
- css 让文字不可被选中
body {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* 标准语法 */
}
需要注意的是以上方法只能限制基本的操作,而仍然可以通过浏览器开发者工具(F12)查看源代码、禁用 JavaScript 或使用插件等方式获取内容。如果需要完全限制可以使用 canvas 方案。
评论区