浏览器打印隐藏按钮,兼容IE

355 阅读1分钟

浏览器打印隐藏按钮,兼容IE

  • 今天遇到一个,打印时需要隐藏打印按钮,并且兼容ie7/8;直接上代码
html
<a class="noPrint">返回</a>
css
@media print{
 .noPrint{
 display:none!important;
}
// 这时候调用window.print();的时候,这个类名的所有标签都会隐藏。但是ie不兼容媒体查询
js
// 用js来做兼容ie处理
 window.onbeforeprint = function(){
     $('.noPrint).hide();
 };
 // 用户取消打印时,给按钮还原回去;
 window.onafterprint = function(){
     $('.noPrint).show();
 }

· thats all