javascript - 检测打印（非打印预览）事件

Question

我有一个自定义打印预览页面，当用户想要打印页面时会显示该页面。在此页面之后，用户将被定向到浏览器打印预览页面（您可以在其中选择打印机，打印选项等）。如果用户实际打印页面，那么我想隐藏我的自定义打印预览页面。如果用户取消打印，那么我想保持自定义打印预览页面可见。

我需要能够确定用户是否打印了一页。

我读过IE有onbeforeprint和onafterprint方法，但想知道是否有适合其他浏览器的东西。

Answer 1

我认为可以使用watchMedia API，但我从未尝试过。查看更多信息here（他们有一个关于打印的例子）并祝你好运！

Answer 2

当天晚些时候，可能与您的问题不完全匹配，因为它不会在打印和取消被按下之间检测到，但您可以执行此操作以返回上一个视图。它应该提供非常合理的用户体验。

$(".normalContent").hide();
$(".printView").show();
window.print();
$(".normalContent").show();
$(".printView").hide();