网站不让你复制文字？别着急，这串代码1秒解除限制

Posted 2023-05-07

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网站不让你复制文字？别着急，这串代码1秒解除限制相关的知识，希望对你有一定的参考价值。

参考技术A

不仅仅是工作，平常生活中遇到不懂的问题和内容都会在网上搜索查阅，而相信大家在网上查阅资料的时候一定遇到过这样的问题：将文字复制却怎么也粘贴不了（主要是百度文库和360个人图书馆），原因是因为网站限制你复制内容！

不要着急，道高一尺魔高一丈，既然是理由JS代码限制复制，那我们就用JS代码解除！

javascript:void($=);

我们进入需要复制文字的网页，然后将地址栏的链接删除，输入这串代码然后按下Enter键，再试试文字就可以复制了哦！注意代码要手动输入，复制粘贴是没有用的哦！

有些浏览器是可以在页面右击，通过查看源文件来找到你需要复制的文字段落，复制完就可以粘贴到你的文档中了哦！缺点是段落很多，不容易找到你需要复制的文字。

随着科技的发展，OCR识别技术已经很完善了，我们可以使用迅捷PDF转换器中的图片转文字（OCR），将需要复制的文字截图并上传到这个工具中，然后一键输出成Word 文档，这种方法可以批量转换多张图片，效率很高！

四、保存为网页

一般浏览器都支持保存为网页html文件，然后打开这个文件，就可以自由复制里面的内容了。

学会了这几种方法，以后再也不用担心网页上的文字不支持复制的情况了！

四行js代码让别人无法复制你的网站文字，八行程序员都哭了

📋 个人简介

💖 作者简介：大家好，我是阿牛，全栈领域新星创作者。😎
📝 个人主页：馆主阿牛🔥
🎉 支持我：点赞👍+收藏⭐️+留言📝
📣 系列专栏：硬泡 javascript🍁
💬格言：迄今所有人生都大写着失败，但不妨碍我继续向前！🔥

上期传送门：
👉初识 JavaScript（揭开javascript的神秘面纱）
👉javascript中的数据类型
👉javascript中的数据类型转换
👉javascript 基础案例（循环）
👉面试官最爱考的 javascript 预解析，你搞明白了吗？
👉“撩过”c++的对象，“拿捏”了python的对象，你还怕拿不下javascript的对象吗？
👉javascript 内置对象Math总结及其案例
👉 javascript 内置对象Date总结及案例
👉解锁前端密码框常见功能做法
👉前端实现动态生成表格，是蒸的C

💥前言

我们常常会看到百度文库或者其他网站的文字无法复制，你想知道这种做法是如何实现的吗？其实很简单，今天阿牛带你们来揭开他的神秘面纱，让广大的程序员的F12大法都失效了，真的是太狠了！

💞普通版-让别人无法复制你的网站文字

💘原理分析

对于普通人来说，他们复制网页内容无非就是选中一段文字，然后鼠标右键打开菜单进行鼠标点击复制，所以我们针对这种方法的措施就是禁用鼠标右键菜单。

 // 1.禁用右键菜单
        document.addEventListener('contextmenu',function(e)
            e.preventDefault();  // 阻止默认事件
        );

上面步骤完成之后，我们再来考虑另为一种情况，有些键盘党可能会直接选中文字然后进行CRL + C 复制，这时我们只禁用鼠标右键菜单就不行了，因此我们还需要禁止鼠标选中。

// 2.禁止鼠标选中
        document.addEventListener('selectstart',function(e)
            e.preventDefault();  
        );

💘示例演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>这是一段你们永远得不到的文字</p>
    <script>
        // 1.禁用右键菜单
        document.addEventListener('contextmenu',function(e)
            e.preventDefault();  // 阻止默认事件
        );
        // 2.禁止鼠标选中
        document.addEventListener('selectstart',function(e)
            e.preventDefault();  
        );
    </script>
    
</body>
</html>

其中addEventListener是注册事件的一种方式，function(e)中的e即event事件对象，contextmenu是右键菜单，e.preventDefault()方法阻止默认事件，即这里的阻止右键菜单，下面的禁止鼠标选中同理。

💘结果

浏览器界面的这段文字你无法选中，无法打开鼠标右键菜单，普通人已经寄了~~~

💞毁灭版-禁用F12(针对程序员)

💘原理分析

上面的四行代码拦住了普通人，但对我们的程序员无所不能的程序员是没有作用的，他们可以打开F12在源码中复制，因此还需要在上述基础上再加四行代码，这四行代码负责禁用F12。

// 3.禁止键盘F12键
        document.addEventListener('keydown',function(e)
            if(e.key == 'F12')
                e.preventDefault(); // 如果按下键F12,阻止事件
            
        );

这里的keydown是键盘按下事件，e是事件对象，这里是键盘按下事件的对象，我们可以输出一下e看看keydown事件会产生那些属性

这里我们常用keyCode和key, keyCode是按下的键的字母对应的ascll码值，我们可以看到，浏览器给功能键F12给了123,而123在ascll表中对应‘’。所以我们这里就用key属性判断，直观一点。

💘示例演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>这是一段你们永远得不到的文字</p>
    <script>
        // 1.禁用右键菜单
        document.addEventListener('contextmenu',function(e)
            e.preventDefault();  // 阻止默认事件
        );
        // 2.禁止鼠标选中
        document.addEventListener('selectstart',function(e)
            e.preventDefault();  
        );
        // 3.禁止键盘F12键
        document.addEventListener('keydown',function(e)
            if(e.key == 'F12')
                e.preventDefault(); // 如果按下键F12,阻止事件
            
        );

    </script>
    
</body>
</html>