试图提交表单并使用同一按钮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以毫秒为单位

延迟