从iFrame检测打印事件
从iFrame检测打印事件
提问于 2016-12-07 08:42:55
我正在尝试构建一个打印解决方案，它以编程方式使用URL打印PDF文档，并在打印后触发事件。
我正在使用下面的"matchMedia“事件侦听器来使用Chrome (v54)进行测试。对于IE和Firefox，我计划听同一个iframe contentWindow对象的"onafterprint“和”onafterprint“。
这是我如何调用打印。dojo函数只是一个xhr包装器。
dojoRequest(url, {
handleAs: 'blob'
}).then(function (blob) {
var src = URL.createObjectURL(blob);
printFrame = document.createElement('iframe');
printFrame.id = 'print-frame';
// printFrame.style.display = 'none';
printFrame.src = src;
document.body.appendChild(printFrame);
var mediaQueryList = printFrame.contentWindow.matchMedia('print');
mediaQueryList.addListener(function (mql) {
console.log('print event', mql);
debugger;
});
setTimeout(function () {
printFrame.contentWindow.print();
}, 0);
});这是很好的工作，除了“打印事件”事件从不触发。我希望它在显示“打印预览”窗口时会触发一次，在单击“打印”按钮后会再次触发。
我尝试在主“窗口”对象上注册相同的事件侦听器。它在手动启动打印时(从“文件”菜单中)触发，但在使用上面描述的方法以编程方式启动打印时不会触发。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-12-07 11:14:38
要获取事件，必须将代码包装在iframe的onload中，如下所示：
printFrame.onload = function () {
var mediaQueryList = printFrame.contentWindow.matchMedia('print');
mediaQueryList.addListener(function (mql) {
console.log('print event', mql);
});
setTimeout(function () {
printFrame.contentWindow.print();
}, 0);
};但是，我仍然认为这种方法非常复杂，对于企业应用程序来说还不够稳定。
更新：
显示它在Chrome 54：https://jsfiddle.net/anhhnt/nj851e52/上工作的Jsfiddle链接
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41012827
复制相关文章
相似问题
腾讯云开发者
