Custom print DOM

page.css

@media print {
  body>:not(.printme) {
    display: none;
  }
}

@media not print{
  .printme {
    display: none;
  }
}

page.js

(function() {
  var beforePrint = function(e) {
    $('body').append('<div class="printme"><p>HELLO PRINTER</p></div>');
  };
  var afterPrint = function() {
    console.log('Functionality to run after printing');
  };

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

  window.onbeforeprint = beforePrint;
  window.onafterprint = afterPrint;
}())