靳闯博客 记录是一种习惯,分享是一种态度
  • 波浪
  • 波浪
  • 波浪
  • 波浪
网页禁用iframe子页面的右键
发表于: | 分类: 技术积累 | 标签: Html iframe | 评论: 0 | 阅读: 113

网页中禁用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>

商业转载请联系作者获得授权,非商业转载请注明出处 本文地址:https://me.jinchuang.org/archives/940.html

如果这篇文章帮助到了你,我感到十分荣幸!


📬 评论留言

icon_mrgreen.pngicon_neutral.pngicon_twisted.pngicon_arrow.pngicon_eek.pngicon_smile.pngicon_confused.pngicon_cool.pngicon_evil.pngicon_biggrin.pngicon_idea.pngicon_redface.pngicon_razz.pngicon_rolleyes.pngicon_wink.pngicon_cry.pngicon_surprised.pngicon_lol.pngicon_mad.pngicon_sad.pngicon_exclaim.pngicon_question.png2018new_aini_org.png2018new_baobao_thumb.png2018new_erha_org.png2018new_kuxiao_thumb.png2018new_yun_thumb.png2018new_hufen_thumb.png2018new_gui_org.png2018new_xiaoerbuyu_org.png2018new_heixian_thumb.png2018new_wabi_thumb.png2018new_tianping_thumb.png

站点地图 网站地图 RSS Feed
豫ICP备17003270号-1 | Copyright © 2016-2021 靳闯博客
Typecho🍹Sgreen
TOP