确认对话框后显示打印窗口答案

【问题标题】：showing print window after confirm dialog确认对话框后显示打印窗口
【发布时间】：2019-06-12 11:55:31
【问题描述】：

我有一种情况，我必须先显示一个确认对话框，如果用户单击确定，它将显示打印窗口，如果用户单击取消，则不会显示打印窗口。

a href="#" class="btn btn-sm primary float-right hidden-print " onClick="window.print(); ">打印一个"

点击打印后显示打印窗口。但是我必须在点击打印后首先显示一个确认对话框，然后它会显示打印窗口

【问题讨论】：

【解决方案1】：

你应该这样做

document.querySelector('button').onclick = () => {
  if (confirm("Do you want to print?")) {
    window.print();
  }
}

&lt;button&gt;Print&lt;/button&gt;

【讨论】：

【解决方案2】：

试试这个：

var $dialog_btn = $('#dialog-btn'),
    $print_box = $('#print-box'),
    $print_btn = $('#print-btn');

$dialog_btn.on('click', function(e){
  e.preventDefault();
  $print_box.fadeIn();
});
 
 
$print_btn.on('click', function(e){
  e.preventDefault();
  window.print();
});

#print-box {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999;
  background: #f0f0f0;
  box-shadow: 0 0px 5px #000;
  transform: translate(-50%,-50%);
  font-size: 20px;
  font-weight: bold;
  padding: 50px;
}

#print-box a {
  text-decoration: none;
  color: #fff;
  padding: 7px 10px;
  background: red;
}

#dialog-btn {
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  padding: 7px 10px;
  background: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#" id="dialog-btn">Show dialog</a>

<div id="print-box">
  <a href="#" id="print-btn">Print?</a>
</div>

【讨论】：

【解决方案3】：

试试这个代码。

$(document).on('click','button',function()
{
   if(confirm("Print"))
   {
     window.print();
   }
});

【讨论】：