网页禁止右键禁止F12 JavaScript禁止F12 禁止右键菜单包含 js、Jquery、Vue

原创

已于 2023-10-26 09:40:35 修改 · 1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #vue.js

于 2023-10-26 09:14:56 首次发布

本文介绍了如何在JavaScript、jQuery和Vue框架中实现防止用户右键菜单和F12快捷键的功能，以保护网页内容安全。开发者通过监听`contextmenu`和`keydown`事件来阻止这些操作。

网页禁止右键禁止F12 Jquery禁止F12 禁止右键菜单包含 Jquery、Vue

网页禁止右键禁止F12 JavaScript禁止F12 禁止右键菜单 js

这样设置通常是出于安全性或保护内容的目的，不想让别人看到源代码等信息

网页禁止右键禁止F12 JavaScript禁止F12 禁止右键菜单 js

JavaScript 中

<script>
// 禁止右键
document.addEventListener('contextmenu', function (e) {
   
   
    e.preventDefault();
});

// 禁止F12快捷键
document.onkeydown = function (e) {
   
   
    if (e.which === 123 || e.key === "F12"  || e.key === "Inspect") {
   
   
        e.preventDefault();
    }
};
<script>