Обнаружение, когда печать завершена или отменена

Question

Это странный вопрос.

У меня есть скрипт, который вставляет 0 в пустые поля ввода до появления вдовы печати для сохранения стиля. Однако эти 0 должны быть удалены с экрана, если печать была успешной или отменена.

Есть ли способ определить, была ли печать отменена или прошла успешно? Это должно работать во всех браузерах.

Мой JavaScript для вставки 0 выглядит следующим образом

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

ИЛИ есть лучший способ показать эти 0 только для печати форматирования.

Answer 1

Возможно, вы могли бы использовать атрибут placeholder для input.Просто установите его цвет на прозрачный, затем создайте стиль, чтобы установить его цвет на черный или любой другой, предназначенный только для печати. ​​

:placeholder поддерживается во всех основных браузерах, но вам может потребоваться включить все версии префикса поставщика.,для этого примера я просто использую один webkit.ref: 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».