onbeforeprint() 및 onafterprint() 없이 브라우저 간 인쇄 이벤트를 처리하는 방법은 무엇입니까?

크로스 브라우저 인쇄 이벤트를 위한 onbeforeprint() 및 onafterprint()의 대안

onbeforeprint() 및 onafterprint() 이벤트는 Internet Explorer에서 지원되지만 브라우저 간 호환성이 부족합니다. 이 기사에서는 보다 현대적이고 널리 지원되는 기술을 활용하는 대체 접근 방식을 살펴봅니다.

인쇄 이벤트를 가로채기 위해 브라우저에 구애받지 않는 솔루션을 구현하려면 window.matchMedia API와 window.onbeforeprint 또는 window를 조합하여 사용하는 것을 고려해 보십시오. 후문에. window.matchMedia를 사용하면 인쇄와 같은 특정 CSS 미디어 쿼리가 충족되는 시기를 감지할 수 있습니다.

다음은 이 접근 방식을 보여주는 샘플 코드 조각입니다.

<code class="javascript">if ('matchMedia' in window) {
    // Chrome, Firefox, and IE 10+ support mediaMatch listeners
    window.matchMedia('print').addListener(function(media) {
        if (media.matches) {
            beforePrint();
        } else {
            // Fires immediately, so wait for the first mouse movement
            $(document).one('mouseover', afterPrint);
        }
    });
} else {
    // IE and Firefox fire before/after events
    $(window).on('beforeprint', beforePrint);
    $(window).on('afterprint', afterPrint);
}</code>

matchMedia와 onbeforeprint를 결합하여 /onafterprint, 이 솔루션은 인쇄 이벤트를 감지하고 응답하는 브라우저 간 방법을 제공합니다. 인쇄 동작에 따라 일부 브라우저에서는 beforePrint() 및 afterPrint()에 대한 여러 호출이 발생할 수 있습니다.

위 내용은 onbeforeprint() 및 onafterprint() 없이 브라우저 간 인쇄 이벤트를 처리하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!