簡體   English   中英

window.print()在Chrome中不起作用

[英]window.print() not working in Chrome

在下面的代碼中, window.print()函數在Chrome中不起作用。該怎么辦?

 <div class="row"> <div class="col-sm-3" id="itemin"> <input type="text" placeholder="Enter Item Name" size="20"> </div> <div class="col-sm-2" id="qtyin"> <input type="num" placeholder="quantity" size="20" id="qty"> </div> <div class="col-sm-3" id="rsin"> <input type="text" placeholder="prize" size="20" id="rs"> <button onclick="mul()" id="add">add </button> </div> <div class="col-sm-3" id="amtin"> <input type="text" size="20" id="amt"> <input type="text" size="7" id="total"> <button onclick="print()" id="print"> print </div> </div> <script> function print() { window.print(); } </script> 

恭喜,您造成了StackOverflow!

這段代碼:

function print() {
    window.print();
}

與寫作相同:

window.print = function {
    window.print();
}

基本上,您用遞歸調用window.print的函數重寫了本機window.print函數。 解決方案很簡單...刪除您的函數,只需:

<button onclick="window.print()" id="print">print</button>

或這個:

<button onclick="myPrintFunction()" id="print">print</button>
<script>
    function myPrintFunction() {
        // do something maybe
        window.print();
    }
</script>

這是因為它進行了無限循環。 代碼onclick="print()"將自動調用window.print()

您可以更改功能名稱或刪除打印功能。 它會工作。

只需在按鈕的onclick中調用window.print()即可。 無需為其定義功能。

<body>
<div class="row">
 <div class="col-sm-3" id="itemin"> <input type="text" placeholder="Enter Item Name" size="20"> </div>
 <div class="col-sm-2" id="qtyin">
   <input type="num" placeholder="quantity" size="20" id="qty"></div>
 <div class="col-sm-3" id="rsin"> <input type="text" placeholder="prize" size="20" id="rs"> <button onclick="mul()" id="add">Add </button> </div>
 <div class="col-sm-3" id="amtin">
   <input type="text"  size="20" id="amt">
   <input type="text" size="7" id="total">
   <button onclick="window.print()" id="print">Print</button>
    </div>
</body>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM