window.print()方法，如何获取打印弹框显示状态

Jqlender

于 2021-10-28 14:08:54 发布

阅读量1.4k

点赞数

分类专栏： javascript 文章标签： window.print 打印弹框显示状态

本文链接：https://blog.csdn.net/qq_34035425/article/details/121012971

版权

javascript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现打印按钮的控制，以防止用户多次点击导致多个打印弹框出现。通过设置一个标志变量`isPrint`，在打印弹框显示时阻止进一步的打印操作。在打印完成后，恢复`isPrint`状态，允许用户再次进行打印。代码中详细展示了这一逻辑的实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<button  (click)="print()" >打印</button>
    

private isPrint: boolean = false;

public print(): void {
    //防止多次点击打印按钮弹出多个打印弹框，在打印弹框显示的时候不再触发打印
	if(this.isPrint) {
      return
    }
	console.log(1);
	isPrint = true；
	window.print();
	isPrint =false；//打印弹框显示时候不执行后面的语句
	console.log(2);
}

打印弹框出来后可以看到只打印了1，取消打印后打印了2。