javascript - Bootstrap 模式弹出窗口在点击关闭时打开

Question

您好，我已经创建了用于询问客户反馈的 Bootstrap 模型。当用户尝试关闭点击或浏览器时，此模型将显示。帮助我。

型号:

<div id="myModal" class="modal fade" role="dialog">
      <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
          </div>
          <div class="modal-body">
            <div class="popupBG1">

                <div class="popupCTARow">
                    <div class="popupCTA1">
                        <a href="javascript:void(0);">Ok</a>
                    </div>
                    <div class="popupCTA2">
                        <a href="javascript:void(0);">Cancel</a>
                    </div>
                </div>
           </div>
    </div>  

Javascript:

<script type="text/javascript">
        $(document).ready(function() {
            $("#myModal1").modal('show');
        });    
</script>

Answer 1

当用户试图离开时，你不能显示 Bootstrap 模式，但你可以显示提示，如果这是你想要的:

window.onbeforeunload = function(){
  return 'Are you sure you want to leave?';
};

https://codepen.io/kastriotcunaku/pen/xLrVRb