前端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