转载

Web网页屏蔽PDF输出的打印

屏蔽如下打印:

  


原理比较意外,光靠浏览器自带pdf控件的话基本是做不到的,所以我们可以换一个思路,用一个div遮罩区域,直接遮罩住可以操作的红框中的几个按钮,只保留滚动条区域,然后禁用遮罩的右键,这样的话在我们的页面上基本上不可能主动打印了,如果ctrl+p的话,也不怕,遮罩的影响下,pdf区域是一片空白,主要代码如下。

/**

遮罩#divMask

**/

<div class="divMask" style="position: absolute; width: 97%;margin-top: -5px;margin-left: -5px; height: 100%;background-color: rgba(255,255,255,0);z-index:5555;opacity:0.3;"></div>
/**

pdf展示层

**/     

<IFRAME id="printPage"  position="relative" marginWidth=0 marginHeight=0 frameBorder=0 width=100% height=100%></IFRAME>

要注意的几个点position,z-index,opasity。具体内容不多赘述。

————————————————
版权声明:本文为CSDN博主「JOKER叔叔」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/ff_winnie/article/details/105482227

正文到此结束
本文目录