Как выполнить код javascript до и после печати страницы

Всем привет! В этой заметке рассмотрим как выполнить код javascript до и после печати веб-страницы.

Часто встречается необходимость выполнения какого-либо кода до или после печати веб-страницы. Рассмотрим как создать обработчики этих событий в Javascript.

$(function() {
  // Код выполняющийся перед открытием диалога печати.
  var beforePrint = function() {
    console.log('Before print...');
  };
 
  // Код выполняющийся после закрытия диалога печати.
  var afterPrint = function() {
    console.log('After print...');
  };

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

  this.onbeforeprint = beforePrint;
  this.onafterprint = afterPrint;
  this.print();
});

Вот таким нехитрым способом можно выполнить код javascript до и после печати страницы.

411