1

我有一个在 JQuery 模态框内的网站上弹出的文档。文档末尾有一个打印按钮，它只是在弹出框中打印文档。

我正在寻找一种解决方案，可以通过按 Ctrl+P 来打印弹出框。现在 Ctrl+p 打印包括背景在内的所有页面......我只是希望找到一个解决方案来帮助我仅在弹出窗口中打印文档。

我的 JQuery 模态框在 iFrame 中，并以下列方式显示：-

<div id="frameContainer">
      <iframe id="lightboxFrame" width="950px" scrolling="auto" height="500px">
         <!DOCTYPE html>
           <html>
             <head>
                <body> (Whole Document in a Div) </body>
             ...

这是打印弹出式文档的弹出式 HTML 中的 DIV。

<div id="edit-actions" class="form-actions form-wrapper">
   <input id="print-submit" class="form-submit" value="Print this Survey" name="print" onclick="printAssessment()" type="button" />
</div>

这就是我所做的： -

 $(document).keydown(function(event) {
        if (event.ctrlKey==true && (event.which == '80')) { //cntrl + p
            event.preventDefault();
            printAssessment();
        }
    });

    function printAssessment() {
        //alert("Print the little page");
        window.print();
    }

当我按 Ctrl+P 时，肯定会调用该函数，但它仍会打印整个页面。我希望它只打印模态框。奇怪的是，当我按下使用相同功能的模态框内的打印按钮时，它可以正确打印。

谢谢，

第一次编辑：-

现在部分工作。

当我将 PrintAssessment() 的功能更改为以下内容时，它可以工作：-

  function printAssessment() {

        window.frames["lightboxFrame"].focus();
        window.frames["lightboxFrame"].print();

    }

但是，奇怪的是它只在我第一次单击 Ctrl+P 时打印。当我再次尝试打印时，它一直给我这个错误：-

Uncaught TypeError: Cannot call method 'print' of undefined

或者

Uncaught TypeError: Cannot call method 'focus' of undefined

谢谢。

4

1 回答 1

1

代替 ：

 window.print();

您可以打印 iframe 的内容，如下所示：

$('#lightboxFrame')[0].contentWindow.print();

将下面的代码放入您的函数 printAssessment()

于 2013-04-30T16:25:55.580 回答