您的位置：首页 > 编程技术 > js  >  JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码

JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码

 更新时间：2020年10月2日 10:46  点击：1645

先来两个简单粗暴的

第一种方法：

var arr = [123, 17, 18];
document.oncontextmenu = new Function("event.returnValue=false;"),//禁用右键
document.onselectstart = new Function("event.returnValue=false;"),//禁用选中
window.onkeydown = function (e) {
 var code = e.keyCode;
 if (arr.indexOf(code) > -1) {
  console.log("中招了", code);
  e.preventDefault();
 }
}, window.oncontextmenu = function (e) {
 e.preventDefault();
}

第二种方法：

var arr = [123, 17, 18];
document.oncontextmenu = new Function("event.returnValue=false;"),//禁用右键

window.onkeydown = function (e) {
 var keyCode = e.keyCode || e.which || e.charCode;
 var ctrlKey = e.ctrlKey || e.metaKey;
 console.log(keyCode + "--" + keyCode);
 if (ctrlKey && keyCode == 85) {
  console.log("ctrl+u");
  e.preventDefault();
 }
 if (arr.indexOf(keyCode) > -1) {
  console.log("其他");
  e.preventDefault();
 }
 //e.preventDefault();
 //return false;
}

网页如何禁止鼠标右键和F12,键盘另存为、粘贴、复制事件

最近做的商用后台项目涉及到前端加密技术，为了保证前端页面展示的数据不被窃取，所以在js上做了一些处理，这些处理并不能完全杜绝有心之人窃取数据，只是加大他们操作的难度而已。

1.禁止浏览器右键事件。使用浏览器右键可以将网页保存下来，或者审查网页源代码，这是我们想避免的（当然，仍然可以通过浏览器右上角的工具栏打开开发者工具，这里可以判断下鼠标的光标位置，如果光标移动到导航栏及页面body之外的地方，我们可以选择把页面展示的元素清空，这样在控制台看见的源代码也没有展示出来的数据了）。

js实现:

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>禁止鼠标右键事件</title>
</head>
<body>
<p>这里是一些内容,展示禁止鼠标右键事件
</p>
</body>
<script>
 document.oncontextmenu = function(){
  return false;
 }
</script>
</html>

jquery实现：

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>禁止鼠标右键事件</title>
</head>
<body>
<p>这里是一些内容,展示禁止鼠标右键事件
</p>
</body>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script>
 $(function(){
  $(document).contextmenu(function() {
   return false
  })
 });
</script>
</html>

2.禁止F12事件，键盘的选择粘贴复制事件

jquery实现：

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>禁止键盘粘贴复制</title>
</head>
<body>
<p>这里是一些内容
</p>
</body>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script>
 function forbidKeyboard() {
  $(document).keydown(function(e) {
   /*9:Tab键, 17：Control键, 18:Alt键, 123:F12键, 83:S键*/
   var keyboardCode = [9, 17, 18, 123];
   for (i in keyboardCode) {
    if (keyboardCode[i] == e.keyCode) {
     return false;
    }
   }
   if ((e.keyCode == 83) && (e.ctrlKey || e.metaKey)) {
    return false;
   }
  });
  /*禁止文本选择功能*/
  $(document).bind("selectstart",function(){return false;});
 }
 $(function(){
  forbidKeyboard();
 });
</script>
</html>

js实现：

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>js禁止f12事件</title>
 <script>
  window.onload = function(){
   document.onkeydown = function(event){
    var ev = event || window.event || arguments.callee.caller.arguments[0];
    //123 代表F12键
    if(event.keyCode = 123){
     return false;
    }
   }
  }
 </script>
</head>
<body>
<p>这里是一些内容</p>
</body>
</html>

js屏蔽chrome F12后页面自动跳转

function a() {
 window.location.href = "https://www.jb51.net/";
 return false
} 
 if (top.window.outerHeight - top.window.innerHeight > 150) {
  a()
 }
 if (top.window.outerWidth - top.window.innerWidth > 150) {
  a()
 }
};
r(document).keydown(function() {
 return y(arguments[0])
});
 
function y(r) {
 var o;
 if (window.event) {
  o = r.keyCode
 } else if (r.which) {
  o = r.which
 }
 if (o == 123) {
  e.larryCmsError("说好的demo版本只演示 不允许F12哦！", e.larryCore.tit);
  return false
 }
 if (r.ctrlKey) {
  if (r.shiftKey && o == 73) {
   e.larryCmsError("说好的demo版本只演示 不允许ctrl+shift+I哦！", e.larryCore.tit);
   return false
  }
 }
 if (r.ctrlKey && o == 83) {
  e.larryCmsError("说好的demo版本只演示 不允许ctrl+s保存哦！", e.larryCore.tit);
  return false
 }
}

具体就是页面加载后执行s();判断是不是有调试工具
和按f12后触发window.onresize判断,和按键key判断

到此这篇关于JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码的文章就介绍到这了,更多相关JS禁用右键Ctrl内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞！

[!--infotagslink--]

相关文章