javascript - 检测打印何时完成或取消

Question

这是一个奇怪的问题。

我有一个脚本，它在打印寡妇似乎保留样式之前在空白输入字段中插入 0。但是，当打印成功或取消时，需要从屏幕上删除这些 0。

有没有办法检测打印何时取消或成功？这需要在所有浏览器中工作。

我插入 0 的 javascript 看起来像这样

 $('#checkRequestDetails').find('input').each(function(i, obj) {
   if ($(this).val() == '') {
     $(this).val('0')
   }
 });

或者是否有更好的方法来仅显示这些 0 以用于打印格式。

Answer 1

您可以为 input 使用 placeholder 属性。只需将其颜色设置为透明，然后制作样式以将其颜色设置为黑色或任何仅用于打印的颜色。

:placeholder 在所有主要浏览器中都受支持，但您可能需要包括所有 vendor 前缀版本。对于这个例子，我只使用 webkit 一个。引用:https://caniuse.com/#feat=css-placeholder

像这样:

input[type="text"]::-webkit-input-placeholder {
  color: transparent;
}

@media print {
  input[type="text"]::-webkit-input-placeholder {
    color: #000;
  }
}

<input type="text" placeholder="0" />

<input type="text" value="999" placeholder="0" />

<input type="text" placeholder="0" />

运行该代码段，然后右键单击并点击“打印”，在打印预览中您将看到“0”。