無法阻止刷新window.onunload（）中的頁面

Question

我正在嘗試顯示提示消息，以防用戶嘗試刷新頁面。 我使用window.onbeforeunload，它在其他瀏覽器（而不是Mobile Safari）上可以正常工作。

我正在嘗試將window.onunload用於Mobile Safari，我可以顯示提示消息，但不能阻止刷新頁面。

下面是代碼

<script>
    var iOS = ( navigator.userAgent.match(/(iPad|iPhone|iPod)/g) ? true : false );
    if(iOS){

        window.onunload = function() {
            var test = confirm("Are you sure you want to leave this page");

            if(!test){
                return false;
            } 

        }
    }

我也嘗試了pagehide事件，可以顯示提示，但仍然無法阻止刷新頁面，下面是代碼

<script>

  window.addEventListener("pagehide", function(){
    var test = confirm("Are u sure you want to leave this page aaaaaaaaaaaaa");         
    if(!test){          
        return false;
    } 
  },false);

</script>

Answer 1

閱讀此答案

為什么jQuery卸載無法在chrome和safari中使用？

卸載前不能有任何對話框/信任。

jQuery(window).on('beforeunload', function() {
  return 'Are you sure you want to leave this page';
});

Answer 2

截至本網站的一些信息：

https://www.webkit.org/blog/516/webkit-page-cache-ii-the-unload-event/

onbeforeunload和onunload在Safari中不起作用。 因此，我建議您嘗試在Safari瀏覽器中使用pagehide事件。 請嘗試讓我知道

http://www.w3schools.com/jquerymobile/event_pagehide.asp

Answer 3

嘗試這個

$(window).on('beforeunload', function() {
  return 'Your own message goes here...';
});