前端JavaScript-屏蔽iframe子页面F12按键

作者: 560b7bb7b879 | 来源:发表于2019-05-15 22:11 被阅读2次

    在实际应用中可能要屏蔽F12键,下面举一个具有一定意义的例子。

    比如不想让浏览者通过F12键打开谷歌开发者工具审查页面,获取一些信息。

    我们经常通过iframe引入页面以对一些模板进行演示,上述功能能够起到一定的防盗版功能。

    直接上代码:

    
    window.onload=function(){
      document.getElementById('iframe').contentDocument.onkeydown = function(ev){
        if(ev.keyCode == 123) {
          alert("web前端学习交流扣qun:731771211   志同道合者进!");
          return false;
        }
      }
    }
    
    

    代码分析如下:

    (1).window.onload事件很重要,否则有可能在子页面没有加载的时候就开始为其注册事件处理函数。

    (2).contentDocument属性可以获取iframe子页面document对象。

    (3).F12的按键码值是123,然后对其进行相应的禁用操作。

    关键是明白其中的原理,然后可以任何扩展禁用的案件,非常的简单,不多介绍。

    相关文章

      网友评论

        本文标题:前端JavaScript-屏蔽iframe子页面F12按键

        本文链接:https://www.haomeiwen.com/subject/gstvaqtx.html