• html禁止用户复制内容方法

    要禁止复制内容，可以使用以下几种方法：

    1. 使用CSS属性：可以通过设置user-select属性为none，这样用户就无法选中和复制内容。例如：

     

    1. body {
    2.   -webkit-user-select: none;
    3.   -moz-user-select: none;
    4.   -ms-user-select: none;
    5.   user-select: none;
    6. }

     2、使用JavaScript禁用复制功能：可以通过在页面加载时，禁用复制事件来阻止用户复制内容。例如：

    1. document.addEventListener('copy', function(e) {
    2.   e.preventDefault();
    3. });

    3、使用JavaScript禁用右键菜单：可以通过在页面加载时，禁用右键菜单来阻止用户使用复制功能。例如：

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

    4、完整代码效果 

    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <style>
    6.         body {
    7.             -webkit-user-select: none;
    8.             -moz-user-select: none;
    9.             -ms-user-select: none;
    10.             user-select: none;
    11.         }
    12.     style>
    13.     <script>
    14.         document.addEventListener('copy', function(e) {
    15.             e.preventDefault();
    16.         });
    17.         document.addEventListener('contextmenu', function(e) {
    18.             e.preventDefault();
    19.         });
    20.     script>
    21. head>
    22. <body>
    23. <h1>禁止复制内容示例h1>
    24. <p>这是一段禁止复制的内容。p>
    25. body>
    26. html>

     

    高级用户仍然可以通过其他途径获取页面内容，以下是一些可能的方法：

    1. 查看页面源代码：高级用户可以通过查看页面的源代码来获取页面内容。他们可以使用浏览器的开发者工具或其他工具来查看网站的HTML、CSS和JavaScript代码。
    2. 使用网络抓包工具：高级用户可以使用网络抓包工具来捕获网页的网络请求。他们可以分析这些请求，以获取页面的数据。
    3. 禁用JavaScript：高级用户可以禁用浏览器中的JavaScript执行，这样就可以绕过通过JavaScript禁止复制的限制。
    4. 使用屏幕截图工具：高级用户可以使用屏幕截图工具来截取页面的内容。尽管他们无法直接复制文本，但他们仍然可以通过截图获取页面的可见内容。 需要注意的是，虽然可以采取一些措施来阻止复制内容，但无法完全阻止高级用户获取页面内容。这些措施主要是为了防止普通用户非法复制内容，而不是针对技术专家或黑客。在设计网站时，应该权衡安全和用户体验之间的平衡。
  • 相关阅读:
    DIY USB3.0 SM2246XT+双贴闪迪15131颗粒256G固态U盘
    shell脚本中的小坑（空格）--两个小栗子
    kube-controller-manager和kube-scheduler不能正常启动
    JADE盲分离算法仿真
    android12-targetsdk31报错Failed to install-write all apks
    二、CSS自制浏览器滑动条
    在 Vue 中控制表单输入
    常用排序算法总结对比
    数的三次方根
    媒体软文投放的流程与媒体平台的选择
  • 原文地址：https://blog.csdn.net/weixin_39934453/article/details/132774736