如何在iframe中禁用复制粘贴
How do you disable copy paste within an iframe?
我正在使用谷歌查看器api,我想禁用框架内的复制粘贴功能。
示例:
<iframe src="http://docs.google.com/gview?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>
这是我的解决方案(来自我的评论):
我想到的一个想法是在iframe上覆盖一个透明的div,这样你就根本无法与它交互。
演示
HTML
<div id="container">
<div id="overlay">
</div>
<iframe src="http://docs.google.com/gview?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true" frameborder="0"></iframe>
</div>
CSS
#overlay {
width:590px;
height:500px;
z-index: 1;
background-color:rgba(255,255,0,0.1);
}
iframe {
width:600px;
height:500px;
}
#container {
position: relative;
}
#overlay, iframe {
position: absolute;
top: 0;
left: 0;
}
我把覆盖(黄色框)的宽度做成了590px,所以滚动条仍然有10px。
相关文章:
- 防止Iframe窗体在新窗口中打开
- 如何在火狐中使用 iframe execCommand 时启用复制/剪切/粘贴功能
- 如何在iframe中禁用复制粘贴
- 如何将脚本元素从 iframe 内部复制到父元素
- 使用 javascript 或 flash 或其他任何东西从跨域 iframe 复制文本
- 查找并计算网页中的 iFrame,并将帧数复制到脚本 iMacro
- 如何将一个 iframe 的 html 内容复制到另一个 iframe(包括 CSS)
- 如何使用样式将 iframe 中的克隆节点复制到其父节点
- 将文本从 IFRAME 复制到父页面上的输入字段中
- 如何将 iframe 复制到 CK 编辑器中
- 在 iframe 中复制粘贴时执行 Javascript
- 重复iframe:将头部和身体从一个iframe复制到另一个ifame
- HTML/JavaScript:如何从iframe中复制文本
- 正在将内容从iframe复制到输入中
- 如何从web浏览器查看iframe中javascript生成的源代码并将其复制到剪贴板
- 将一个iframe的innerHTML复制到另一个ifame中
- 从iframe复制图像到textarea
- Node webkit:剪切/复制/粘贴右键单击上下文菜单和iframe
- 是否抑制iframe弹出窗口并复制其链接
- 如何在IE7中使用jquery从iframe复制元素到主DOM