当前位置: 首页 > ai >正文

前端如何禁止用户复制?

禁用右键菜单

document.addEventListener('contextmenu', function(e) {e.preventDefault();
});

禁用快捷键(Ctrl+C/X/A等)

document.addEventListener('keydown', function(e) {if (e.ctrlKey && ['c', 'x', 'v', 'a'].includes(e.key.toLowerCase())) {e.preventDefault();}
});

​​CSS 禁止文本选择

body {user-select: none; /* 标准语法 */-webkit-user-select: none; /* Safari/Chrome */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE/Edge */
}

​​将文字转为图片或 Canvas

将文字渲染为图片或使用 Canvas 绘制文本。

http://www.xdnf.cn/news/14512.html

相关文章:

  • vue3 el-select @change (val) 多参数传值操作
  • HCIP-数据通信基础
  • swift-14-可选项的本质、运算符重载、扩展
  • 【案例】性能优化在持续集成与持续交付中的应用
  • RPGMZ游戏引擎 如何手动控制文字显示速度
  • 传输层协议UDP/TCP
  • 【linux】bash脚本中括号问题
  • 巧用云平台API实现开源模型免费调用的实战教程
  • Linux嵌入式和单片机嵌入式的区别?
  • 数据库从零开始:MySQL 中的 DDL 库操作详解【Linux版】
  • excel 数据透视表介绍
  • 技术革新赋能楼宇自控:物联网云计算推动应用前景深度拓展
  • 【图像处理入门】11. 深度学习初探:从CNN到GAN的视觉智能之旅
  • Arduino入门教程:11、直流步进驱动
  • C#语言入门-task2 :C# 语言的基本语法结构
  • Oracle 中唯一索引对行锁的影响
  • 【支持向量机】SVM线性可分支持向量机学习算法——硬间隔最大化支持向量机及例题详解
  • 股票心理学习篇:交易的人性弱点 - 频繁交易
  • GNSS介绍
  • 基于React+Express的个人账单管理系统
  • 【Linux手册】进程优先级:操作系统世界里的“资源争夺”
  • Redis 的优势有哪些,它是CP 还是 AP?CAP 理论又是什么?
  • SpringBoot扩展——发送邮件!
  • 医疗低功耗智能AI网络搜索优化策略
  • 跨越网络界限,轻松实现广域网打印——HttpPrinter报表打印解决方案
  • Linux基本指令篇 —— mkdir指令
  • 苍穹外卖--WebSocket、来单提醒、客户催单
  • 【漏洞复现】Apache Kafka Connect 任意文件读取漏洞(CVE-2025-27817)
  • DeepSeek 助力 Vue3 开发:打造丝滑的日历(Calendar),日历_项目里程碑示例(CalendarView01_22)
  • 基于ARM SoC的半导体测试