javascript - window.print() not working in Chrome - Stack Overflow

admin2025-04-03 1

In the below code, the window.print() function not working in Chrome.what to do?

<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>

In the below code, the window.print() function not working in Chrome.what to do?

<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>

Share Improve this question edited Feb 5, 2018 at 8:28 asked Dec 8, 2017 at 12:14 prabhu r 1812 gold badges10 silver badges17 bronze badges

What happens? Is there any output on the chrome console? – Gernot Krost Commented Dec 8, 2017 at 12:15

Add a ment |

3 Answers 3

Sorted by: Reset to default 10

Congratulations, you caused a StackOverflow!

This code:

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

is same as writing:

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

Basically you overwrote the native window.print function with your own function that calls window.print recursively. The solution is simple... remove your function and simply:

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

Or this:

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

It is because of it went on infinite loop. The code onclick="print()" will automatically call the window.print().

Either you change the function name or remove the print function. It will work.

Just call window.print() in the onclick of button. No need to define a function for it.

<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>

转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1743630595a213902.html

javascriptwindowprint() not working in ChromeStack Overflow

最新回复(0)