zoukankan      html  css  js  c++  java
  • 网页里如何使用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”,拉你进程序员技术讨论群.

  • 相关阅读:
    iOS开发-UIScrollView原理
    关于tableView点击状态栏列表回到顶部的说明
    实用技术之bugly
    KVO你所不知道的"坑"
    iOS iPhone SDK 包含哪些东西?
    NSTime的全面认识
    四 数据结构与算法总结(一)
    三 数据结构 --数和二叉树
    二 线性表
    一 数据结构的概念,时间复杂度和空间复杂度
  • 原文地址:https://www.cnblogs.com/wangting888/p/9701160.html
Copyright © 2011-2022 走看看