有没有办法让按钮从页面打印内容,然后提交(发布)到后端 JS?



我需要首先从页面打印内容,然后提交以使用表单帖子中的内容执行一些支持的数据库更改,有没有办法使用一个按钮同时完成这两个操作?

我试过在点击功能中输入打印,但它在打印后不会发布

.HTML:

<div class="printable" id="printableArea" style="display:block;">
<div class="card" style="width: 500px;">
...
</div>
</div>
<button id="printBtn" class="btn btn-lg btn-primary print-visibility-hide" onclick="printDiv('printableArea')" type="submit" value="SUBMIT">Print</button>

.JS:

<script>
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
var count = $("#count").val();
document.body.innerHTML = printContents;
for(var i=1; i<count; i++){
document.body.innerHTML += printContents;
}
window.print();
document.body.innerHTML = originalContents;
}
<script>
window.onafterprint = function(){
console.log("Printing completed...");
}

或者只是在window.print();后添加

setTimeout(() => { ...callback here }, 100);

最新更新