這篇文章帶給大家的內容是關於前端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中文網其他相關文章!