這篇文章帶給大家的內容是關於前端js禁止滑鼠右鍵及F12禁止查看原始碼究竟為了什麼？ (原始碼)，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
HTML 在前端開發中，F12審查元素的情況下，大家都可以隨機更改一部分頁面的程式碼，注入惡意JS等等，這種情況避免也不難，雖然還能看到一部分H5源碼，但是無法修改。
一、屏蔽F12 審查元素
<script>
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;
}
}
</script>二、屏蔽右鍵選單
<script>
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;
}
}三、屏蔽貼上
<script>
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;
}
}
</script>四、屏蔽複製
<script>
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;
}
}
</script>五、屏蔽剪切
<script>
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;
}
}六、屏蔽選取
<script>
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;
}
}
</script>以上就是對前端js禁止滑鼠右鍵及F12禁止查看原始碼究竟為了什麼？ (原始碼)的全部介紹，如果您想了解更多有關JavaScript影片教學，請關注PHP中文網。
以上是前端js禁止滑鼠右鍵及F12禁止查看原始碼究竟為了什麼？ (原始碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章！
