javascript如何控制不允许操作iframe内容

如何禁止用户操作iframe的内容(iframe加载的可能是跨域的页面),如不允许选择iframe里面的内容。

2个回答

用一个透明的层遮盖在iframe上方,这样就无法操作底层的iframe了,不一定非得用js,而且跨域了js也操作不了跨域内容

DEMO

<style>
.mask{position:absolute;width:100%;height:100%;z-index:1;filter:alpha(opacity=0);opacity:0;background:#ffffff}
</style>
<div style="position:relative">
<div class="mask"></div>
<iframe src="http://www.w3dev.cn/" width="500px" height="300px" id="ifr"></iframe>
</div>
 .html
<iframe src="www.test.com"></iframe>
<div id=" overLayer"> overLayer
</div>

.css
iframe {
width:200px;
height:200px;
position:absolute;
border:solid 1px #000;
}

#overLayer {
position:absolute;
width:200px;
height:200px;
}

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问