自舉模式彈出窗口在點擊關閉時打開

嗨，我已經創建了引導模式以詢問客戶反饋。當用戶嘗試關閉點按或瀏覽器時，此模型會顯示。幫我。自舉模式彈出窗口在點擊關閉時打開

型號：

<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>

來源

2017-08-10 user2172424

您不能顯示的引導模式，當用戶試圖離開，但你可以展現提示，如果這就是你想要的：

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

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

來源

2017-08-10 11:54:44 kastriotcunaku

我試過這不適用於模態... – user2172424

@ user2172424 - 您無法停止關閉選項卡並顯示模式。首先，如果他想留下或離開，您需要提示用戶。如果他選擇留下，那麼你可以顯示bootstrap模式。檢查演示在這裏：https://codepen.io/kastriotcunaku/pen/xLrVRb （爲了使工作迅速，用戶首先需要與頁面交互;對於測試嘗試點擊正文，然後關閉標籤） – kastriotcunaku

試試這個，並使用在卸載事件期間彈出窗口：window.open（「To survey page ...」）;只是不會與瀏覽器默認阻止彈出窗口的用戶一起工作，除非該網站是白名單。 – eaglei22

自舉模式彈出窗口在點擊關閉時打開

回答

相關問題