检查，当用户选择使用javascript

Question

打印当用户选择“文件>打印”上的浏览器如Firefox或Internet Explorer，或链接的点击运行下面的JavaScript

window.print(); 

有没有一种方法来有条件地检查这种模式并禁用某些JavaScript。

我想这样做，因为我有一个插件添加了它自己的自定义标记为圆形的边界，甚至在打印特定的样式表我不能覆盖这些样式，我不想在打印时出现边框离开页面。

编辑：无关的插件，还有一些用于创建一个选项卡式用户界面通过javascript实现风​​格的变化，我已经做了打印特定CSS覆盖的造型，当我使用Firefox的Web开发人员能正常工作工具栏> CSS>按媒体类型显示CSS>打印..但是当我打印出来它不工作，JavaScript接管并改变样式..如果我完全禁用JavaScript，然后打印显然再次正常工作。

感谢

Answer 1

你可以这样做：

window.old_print=window.print 
window.print=function() { 
    alert('doing things'); 
    window.old_print(); 
} 

但这只会赶上从页面的JavaScript里面print()电话。

您是否尝试将!important放在特定于打印的样式表上？

Answer 2

有一个通用的解决方案，以及一些旧版浏览器的骇客。您可以覆盖的print()方法在所有浏览器：

(function (oldPrint) { 
    window.print = function() { 
     document.getElementById("hideThis").style.display = 'none'; 
     oldPrint(); 
    } 
})(window.print); 

这里的问题是，它不会触发用户按Ctrl + P或访问文件菜单进行打印。 Internet Explorer有由onbeforeprint事件的方式加以解决：

if ("onbeforeprint" in window) { 
    var hideEl = document.getElementById("hideThis"); 
    window.onbeforeprint = function() { 
     hideEl.style.display = 'none'; 
    } 
    window.onafterprint = function() { 
     hideEl.style.display = ''; 
    } 
} 

至于其他浏览器，你可以到打印MediaQueryList添加事件侦听器为detailed by TJ VanToll in another answer：

if (window.matchMedia) { 
    var mqList = window.matchMedia("print"), 
     hideEl = document.getElementById("hideThis"); 

    mqList.addListener(function (mql) { 
     hideEl.style.display = mql.matches ? 'none' : ''; 
    }); 
} 

，并把它们放在一起：

(function() { 
    var hideEl = document.getElementById("hideThis"); 

    // HTML5 spec, IE 5.5+, Firefox 6.0+ 
    if ("onbeforeprint" in window) { 
     window.onbeforeprint = function() { 
      hideEl.style.display = 'none'; 
     } 
     window.onafterprint = function() { 
      hideEl.style.display = ''; 
     } 
    } 

    // Chrome 9+, Opera 12.1+, Safari 5.1+ 
    else if (window.matchMedia) { 
     var mqList = window.matchMedia("print"); 

     mqList.addListener(function (mql) { 
      hideEl.style.display = mql.matches ? 'none' : ''; 
     }); 
    } 

    // Your fallback method, only working for JS initiated printing 
    else {  
     (function (oldPrint) { 
      window.print = function() { 
       hideEl.style.display = 'none'; 
       oldPrint(); 
      } 
     })(window.print); 
    } 
})();