試圖提交表單並使用同一按鈕onclick點擊

Question

我試圖打印PDF文件（onclick）並在同一個按鈕（提交）計數點擊。 我想要的是點擊查看打印作業，而不是提交表單，也許是在它們之間做出延遲？

<form method="post"> 
<button type="submit" onclick="printJS({printable:'graphics/babushka/frog.pdf', type:'pdf', showModal:true})" name="print" class="btn btn-success btn-lg" style="outline: 0;"><i class="fa fa-print"></i> Print</button> 
</form> 

Answer 1

只需使用一個正常（非提交）按鈕，提交表單（&運行打印功能）與如下JavaScript的element.submit();：

<form id="myForm" method="post"> 
<button type="button" onclick="printJS({printable:'graphics/babushka/frog.pdf', type:'pdf', showModal:true});document.getElementById('myForm').submit();" name="print" class="btn btn-success btn-lg" style="outline: 0;"><i class="fa fa-print"></i> Print</button> 
</form> 

如果你想有一個延遲，您可以使用setTimeout來提供延遲

<form id="myForm" method="post"> 
<button type="button" onclick="printJS({printable:'graphics/babushka/frog.pdf', type:'pdf', showModal:true});setTimeout(function(){document.getElementById('myForm').submit();}, 1000)" name="print" class="btn btn-success btn-lg" style="outline: 0;"><i class="fa fa-print"></i> Print</button> 
</form> 

凡1000以毫秒爲單位

延遲