网页中禁用iframe页面的右键操作,网上找这个代码，好多给出的都没效果，最后还是找到个可以用的
(iframe子页面内容没加载之前由父页面控制，加载之后的右键操作由加载后的子页面控制)

原文：禁用iframe子页面鼠标右键

大多数的解决方案是，给iframe引入的子页面中添加如下代码：

document.oncontextmenu=function(){ 
  return false
}

引用原作者话：“上述代码确实没错，能够禁止iframe子页面右键功能。但是问题是如何将这段代码写入子页面，因为子页面通常都是动态引入的。下面就通过代码实例介绍一下，如何如果在父页面为子页面注册对应事件处理函数”

# 代码分析如下：
#（1）.window.onload事件不能少，防止iframe并没有加载的时候就为其注册事件处理函数。
#（2）."palybox"是<iframe>元素的id属性值，通过document.getElementById可以获取此元素对象。
#（3）.然后利用contentDocument属性可以获取子页面的进行相关操作。
#（4）.最后注册contextmenu事件处理函数，返回return false即可禁用右键菜单。

# html代码：
<iframe id="palybox"  src=""></iframe>

# js代码：
<script type="text/javascript">
    window.onload=function(){
        document.getElementById('palybox').contentDocument.oncontextmenu = function(){ 
            return false;
        } 
    }
</script>

本文最后更新时间 2021-01-11
文章链接地址：https://me.jinchuang.org/archives/940.html
本站文章除注明[转载|引用|原文]出处外,均为本站原生内容,转载前请注明出处