网页里如何使用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后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。

公众号回复“1”,拉你进程序员技术讨论群.

 

posted @ 2018-09-25 17:00  前端视听  阅读(211)  评论(0编辑  收藏  举报