浏览器打印隐藏按钮,兼容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