출처 :&nbsp;<a href="https://gist.github.com/shaliko/4110822" target="_blank" title="[https://gist.github.com/shaliko/4110822]로 이동합니다.">https://gist.github.com/shaliko/4110822</a> 
 
 
 
 
Cross browser print request detection (IE 5+, Firefox 6+, Chrome 9+, and Safari 5.1+ ) 
 
 
 
 
&lt;script type="text/javascript"&gt;<o:p></o:p>

&nbsp;&nbsp;&nbsp; (function () {<o:p></o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var beforePrint = function () {<o:p></o:p>

<pre style="line-height:12.6pt;background:white"><span lang="EN-US" style="font-size: 9.5pt; font-family: Consolas; color: black; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; console.log('Functionality to run before printing.');<o:p></o:p></pre>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; };<o:p></o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var afterPrint = function () {<o:p></o:p>

<pre style="line-height:12.6pt;background:white"><span lang="EN-US" style="font-size: 9.5pt; font-family: Consolas; color: black; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; console.log('Functionality to run after printing');<o:p></o:p></pre>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; };<o:p></o:p>

<o:p>&nbsp;</o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (window.matchMedia) {<o:p></o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var mediaQueryList = window.matchMedia('print');<o:p></o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mediaQueryList.addListener(function (mql) {<o:p></o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (mql.matches) {<o:p></o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; beforePrint();<o:p></o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } else {<o:p></o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; afterPrint();<o:p></o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<o:p></o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<o:p></o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<o:p></o:p>

<o:p>&nbsp;</o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; window.onbeforeprint = beforePrint;<o:p></o:p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; window.onafterprint = afterPrint;<o:p></o:p>

&nbsp;&nbsp;&nbsp; }());<o:p></o:p>

&nbsp;&nbsp; <o:p></o:p>

<o:p>&nbsp; &nbsp; $(funtion(){ 
</o:p>
<o:p>window.print(); 
</o:p>
<o:p>&nbsp; &nbsp; });&nbsp;</o:p>

<o:p>&nbsp;</o:p>

&lt;/script&gt;<o:p></o:p>
 
 
 
&nbsp;

Javascript print callback 인쇄 전, 후 이벤트 주기 필요한 영역만 프린트하기