当前位置:  开发笔记 > 编程语言 > 正文

检测浏览器打印事件

如何解决《检测浏览器打印事件》经验,为你挑选了2个好方法。

是否可以检测用户何时从浏览器打印内容?

更复杂的是,如果我们在新窗口中向用户展示PDF文档,是否可以检测该文档的打印(假设用户从浏览器窗口打印)?

我能找到的最接近的是我们是否实现了自定义打印功能(类似这样)并跟踪何时调用它

我主要对一个适用于Internet Explorer(6或更高版本)的解决方案感兴趣



1> TJ VanToll..:

您现在可以使用以下技术在IE 5 +,Firefox 6 +,Chrome 9+和Safari 5+中检测打印请求:

(function() {
    var beforePrint = function() {
        console.log('Functionality to run before printing.');
    };
    var afterPrint = function() {
        console.log('Functionality to run after printing');
    };

    if (window.matchMedia) {
        var mediaQueryList = window.matchMedia('print');
        mediaQueryList.addListener(function(mql) {
            if (mql.matches) {
                beforePrint();
            } else {
                afterPrint();
            }
        });
    }

    window.onbeforeprint = beforePrint;
    window.onafterprint = afterPrint;
}());

我在http://tjvantoll.com/2012/06/15/detecting-print-requests-with-javascript/上详细介绍了这项工作以及可以使用的内容.


这似乎不再适用于Windows上的Chrome 38.`beforePrint`永远不会开火.http://jsfiddle.net/o5oosa9o/(右键单击结果iframe并选择"打印...")
而且,一旦打印预览完成渲染,afterPrint现在就会在Chrome中激活
+1,非常好,我打算很快抄袭这个答案.
很抱歉碰到这个,但我从这里提出问题(http://stackoverflow.com/questions/28620711/extjs-4-creating-a-callback-for-an-override-function-for-printing-panel-conten ),如果我想检测实际按下"打印"按钮而不仅仅是用户发出的任何打印请求怎么办?

2> Teekin..:

对于Internet Exploder,有事件window.onbeforeprint,window.onafterprint但它们不能与任何其他浏览器一起使用,因此它们通常是无用的.

它们似乎由于某种原因完全相同,都在打印窗口打开之前执行它们的事件处理程序.

但是,如果你想要它,尽管有这些警告,这是一个例子:

window.onbeforeprint = function() {
    alert("Printing shall commence!");
}

推荐阅读
wurtjq
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有