IT/javascript JQUERY

javascript 인쇄전 특정 화면 숨김,보이기

하루콩콩 2020. 9. 10. 20:19
반응형

function StartPrint() {
    var beforePrint = function () {
        $("#div1").hide();//인쇄전 숨김
        $("#div2").show();//인쇄전 보이기
    };
    var afterPrint = function () {
        $("#div1").show();//인쇄후 보이기
        $("#div2").hide();//인쇄후 숨김
    };
    if (window.matchMedia) {
        var mediaQueryList = window.matchMedia('print');
        mediaQueryList.addListener(function (mql) {
            if (mql.matches) {
                beforePrint();
            } else {
                afterPrint();
            }
        });
    }
    window.onbeforeprint = beforePrint;
    window.onafterprint = afterPrint;
}

 

반응형