基于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禁止查看源码及获取键盘的按键值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Next.js应用转换为TypeScript方法demo

    Next.js应用转换为TypeScript方法demo

    这篇文章主要为大家介绍了Next.js应用转换为TypeScript方法demo,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • IE JS无提示关闭窗口不提示的方法

    IE JS无提示关闭窗口不提示的方法

    好多情况下,用户想关闭页面不需要提示,提高用户体验,下面的代码经脚本之家测试通过。
    2010-04-04
  • javascript图片预加载实例分析

    javascript图片预加载实例分析

    这篇文章主要介绍了javascript图片预加载的方法,实例分析了javascript实现图片预加载的方法与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • JavaScript中的this关键词指向

    JavaScript中的this关键词指向

    本文介绍了JavaScript中的this关键词指向,this是JavaScript的一个关键字,他是函数执行过程中,自动生成的一个内部对象,指当前的对象,只在当前函数内部使用,更多相关资料需要的小伙伴可以参考下面文章内容
    2022-05-05
  • livereload工具实现前端可视化开发【推荐】

    livereload工具实现前端可视化开发【推荐】

    本文将介绍一个工具--livereload。这是一款能根据你本地文件(html、css、js)的变化,自动跟踪刷新浏览器的实时刷新工具,有了这个工具,会大大减轻你刷新页面的工作量。下面跟着小编一起来看下吧
    2016-12-12
  • javascript 兼容FF的onmouseenter和onmouseleave的代码

    javascript 兼容FF的onmouseenter和onmouseleave的代码

    经过测试发现,例子1 在 ff下抖动的厉害,ie下稍微有点。 具体原因 其实就是 mouseout 的冒泡机制 引起的。
    2008-07-07
  • JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)

    JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)

    这篇文章主要介绍了JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox浏览器),需要的朋友可以参考下
    2014-09-09
  • JavaScript实现拖动滑块拼图验证功能(html5、canvas)

    JavaScript实现拖动滑块拼图验证功能(html5、canvas)

    这篇文章主要介绍了JavaScript实现拖动滑块拼图验证(html5、canvas),本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-03-03
  • 原生JS实现-星级评分系统的简单实例

    原生JS实现-星级评分系统的简单实例

    下面小编就为大家带来一篇原生JS实现-星级评分系统的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • JS实现复制内容到剪贴板功能

    JS实现复制内容到剪贴板功能

    本文主要介绍了JS实现复制内容到剪贴板功能的步骤方法,可兼容所有PC浏览器,不兼容手机端。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-02-02

最新评论