基于JS实现禁止查看源码及获取键盘的按键值
更新时间：2023年02月06日 16:09:41 作者：前端-文龙刚
这篇文章主要介绍了基于JS实现禁止查看源码及获取键盘的按键值,本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
JS实现禁止查看源码及获取键盘的按键值
场景：在某些场合，我们不愿意让用户看到我们的源代码，或者想获取键盘上的某个键值，设置如下
获取键盘的值
第一种：
document.onkeydown=function(){
var e=window.event||arguments[0];
alert(e.keyCode)
};
第二种：
document.onkeydown=function(e){
alert(e.keyCode)
}
这是按了F5，弹出对应的按键值
禁止查看源码
document.onkeydown=function(e){
if(e.keyCode==123){
alert("按了F12页不给你看");
return false;
}else if((e.ctrlKey)&&(e.keyCode==85)){
alert("按了Ctrl+U页不给你看");
return false;
}
};
document.oncontextmenu=function(){
alert("按了右键也不给你看");
return false;
}
补充：JS禁止查看网页源代码的实现方法
先给大家分享下三种查看路径的方法：
1、直接按F12
2、Ctrl+Shift+I查看
3、鼠标点击右键查看
把以上三种状态都屏蔽掉就可以了，document有onkeydown(键盘按键事件)，该事件里面找到对应的keycode并处理就可以，document也有oncontextmenu鼠标右键事件，屏蔽即可。
JS撸码如下：
window.onload=function(){
document.onkeydown=function(){
var e=window.event||arguments[0];
if(e.keyCode==123){
alert("小样你想干嘛？");
return false;
}else if((e.ctrlKey)&&(e.shiftKey)&&(e.keyCode==73)){
alert("还是不给你看。。");
return false;
}
};
document.oncontextmenu=function(){
alert("小样不给你看");
return false;
}
}到此这篇关于基于JS实现禁止查看源码及获取键盘的按键值的文章就介绍到这了,更多相关js禁止查看源码及获取键盘的按键值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
一个在同一个页面可多次调用的javascript弹出层效果，有需要的同学可以参考一下2013-08-08
粒子动画就是页面上通过发射许多微小粒子来表示不规则模糊物体。本文将利用canvas实现酷炫的粒子动画倒计时，感兴趣的小伙伴可以尝试一下2022-12-12
在我这几天的工作中遇到了一个问题，我有一个可编辑的div，并且在DIV里面还有一个可编辑的span，我想要让span能响应键盘事，想实现这种效果，应该如何实践呢2012-11-11
这篇文章主要给大家介绍了关于如何通过js示例讲解时间复杂度与空间复杂度的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-08-08
下面小编就为大家带来一篇js从外部获取图片的实现方法。小编觉得挺不错的， 现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
以下上是我在学习和使用了JS一段时间后,为了更深入的了解它, 也为了更好的把握对它的应用, 从而在对闭包的学习过程中,自己对于词法作用域的一些理解和总结2010-08-08
这篇文章主要介绍了javascript实现拖动元素交换位置的方法，类似拼图游戏拖拽卡片效果，感兴趣的小伙伴们可以参考一下2015-11-11
在大家日常网站开发和web应用开发中，我们往往需要有效的调用Javascript处理日期和时间格式相关的函数，在Javascript中已经包含了部分最基本的内建处理方法2012-04-04
这篇文章主要为大家详细介绍了js实现轮播图的制作方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
这篇文章主要介绍了js实现简洁的滑动门菜单(选项卡)效果代码,涉及javascript鼠标事件操作页面元素样式切换的实现技巧,简单实用,需要的朋友可以参考下2015-09-09
最新评论