window.print()取消按钮回调

前景提要

要实现打印功能,并且按钮不需要打印。当直接使用打印前将按钮隐藏,点击取消打印时,按钮将不会出现。window.print()取消按钮回调_第1张图片

如何实现

//beforePrint  打印前将按钮隐藏
afterPrint  取消时将按钮回显
其他内容可以完全复制,就可以用
 var beforePrint = function() {
        $("#exportZghfd").hide()
        $("#dyZghfd").hide()
        $("#from_btns").hide()

    };

    var afterPrint = function() {
        $("#exportZghfd").show()
        $("#dyZghfd").show()
        $("#from_btns").show()
    };

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

    window.onbeforeprint = beforePrint;
    window.onafterprint = afterPrint;
    
    $("#dyZghfd").click(function () {
        window.print();
    })

你可能感兴趣的:(java,前端)