龙空技术网

前端必备技能:前端js禁止鼠标右键及F12禁止查看源代码

敲代码的猪 208

前言:

此时咱们对“js光标选中”大致比较看重,我们都想要剖析一些“js光标选中”的相关内容。那么小编也在网上网罗了一些关于“js光标选中””的相关知识,希望朋友们能喜欢,朋友们一起来学习一下吧!

在前端开发中,F12审查元素的情况下,大家都可以随机更改一部分页面的代码,注入恶意JS等等,这种情况避免也不难,虽然还能看到一部分H5源码,但是无法修改。

一、屏蔽F12 审查元素

document.onkeydown = function () {

if (window.event && window.event.keyCode == 123) {

alert("F12被禁用");

event.keyCode = 0;

event.returnValue = false;

}

if (window.event && window.event.keyCode == 13) {

window.event.keyCode = 505;

}

if (window.event && window.event.keyCode == 8) {

alert(str + "\n请使用Del键进行字符的删除操作!");

window.event.returnValue = false;

}

}

二、屏蔽右键菜单

document.oncontextmenu = function (event) {if (window.event) {event = window.event;}

try {

var the = event.srcElement;

if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {

return false;

}

return true;

} catch (e) {

return false;

}

}

三、屏蔽粘贴

document.onpaste = function (event) {

if (window.event) {

event = window.event;

}

try {

var the = event.srcElement;

if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {

return false;

}

return true;

} catch (e) {

return false;

}

}

四、屏蔽复制

document.oncopy = function (event) {

if (window.event) {

event = window.event;

}

try {

var the = event.srcElement;

if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {

return false;

}

return true;

} catch (e) {

return false;

}

}

五、屏蔽剪切

document.oncut = function (event) {

if (window.event) {

event = window.event;

}

try {

var the = event.srcElement;

if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {

return false;

}

return true;

} catch (e) {

return false;

}

}

六、屏蔽选中

document.onselectstart = function (event) {

if (window.event) {

event = window.event;

}

try {

var the = event.srcElement;

if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {

return false;

}

return true;

} catch (e) {

return false;

}

}

ps:有用的着的朋友点赞收藏

标签: #js光标选中