阻止用户在iframe中选择文本

我试图阻止用户从显示为iframe的pdf文件中选择文本。为此，我查看了css属性position: relative和position: absolute。因此，我可以将我的iframe与div重叠，防止用户从我的iframe中选择文本（因为他将单击重叠的div）。这是我迄今所做的：阻止用户在iframe中选择文本

<div id="container" style="width:100%; min-width: 330px; height: 545px; margin: 0 auto; position: relative;"> 
    <div id="divOverlapIframe" style="height:100%; width:100%; overflow-x: hidden; overflow-y: hidden; border: none; position: absolute; top: 0; left: 0;" scrolling="auto" marginheight="0" frameborder="0"></div> 
    <iframe id="iframe" src="MY_PDF_SOURCE" style="height:100%; width:100%; border: none; position: absolute; top: 0; left: 0;"></iframe> 
</div>

我可以看到我的div真的重叠我的iframe，但它不会阻止用户选择文本。我在这里错过了什么？

来源

2014-08-27 lucasdc

第一个问题iframe是否包含任何外部网站？ – 2014-08-27 18:08:33

即使你确实管理了你正在敲诈的东西，什么会阻止用户使用Inspector移除该元素？这就像试图阻止用户通过阻止右键点击来查看源代码。 – 2014-08-27 18:12:00

我会争辩说，一个标准的用户不知道从哪里开始拉起开发检查员无聊在哪里挖。 – Evan 2014-08-27 18:13:20

如果这就是您正在使用的所有CSS，那么您可能需要在“覆盖”div上打一个z-index。

#overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 1; 
    width: 100%; 
    height: 100%; 
}

来源

2014-08-27 18:11:01 Evan

这样我就不能复制文本，但我也无法滚动。我该如何解决它？ – lucasdc 2014-08-27 18:22:43

阻止用户在iframe中选择文本

回答

相关问题