Google Viewer 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>
Google Viewer 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>
これが私の解決策です(私のコメントから):
私が考えているアイデアの 1 つは、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 あります。