網頁里如何使用js禁用F12事件


接上一篇,突然想起來,類似於網頁里如何使用js禁用鼠標右擊事件,還有禁用F12事件也可以禁用一下,總所周知,對於Web開發人員來說,常常要進行界面的調試。使用F12調試工具能夠很方便地進行調試,查看html元素,查看響應事件。網頁里如何使用js禁用F12事件?

document.onkeydown=function (e){
        var currKey=0,evt=e||window.event;
        currKey=evt.keyCode||evt.which||evt.charCode;
        if (currKey == 123) {
            window.event.cancelBubble = true;
            window.event.returnValue = false;
        }
    }

完整demo:

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <title>鼠標右鍵事件</title>
    
    </head>
 
    <body>
 
        <p id="tar">這里是一些內容
            <menu id="menu">
                <ul>
                    <li>王小婷</li>
                    <li>祈澈菇涼</li>
                    <li>安安安安</li>
                </ul>
            </menu>
        </p>

    </body>
 <script>
    /*document.oncontextmenu = function(){return false;}*/
    document.onkeydown=function (e){
        var currKey=0,evt=e||window.event;
        currKey=evt.keyCode||evt.which||evt.charCode;
        if (currKey == 123) {
            window.event.cancelBubble = true;
            window.event.returnValue = false;
        }
    }
    
 </script>
</html>

原文作者:祈澈姑娘
原文鏈接:https://www.jianshu.com/u/05f416aefbe1創作不易,轉載請告知
90后前端妹子,愛編程,愛運營,愛折騰。堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,歡迎大家一起探討交流。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM