2016-11-25 17 views
1

我只想在按下後退按鈕時提醒或重定向用戶。然而,從我試過的無數解決方案中,它總是在表單提交後發出警報。這是我目前(無效)的解決方案:後退按鈕上的jQuery或Javascript警報

$(function() { 
    if (window.history && window.history.pushState) { 
     window.history.pushState('', null, './'); 
     $(window).on('popstate', function() { 
      alert('Please cancel this action.'); 
      document.location.href = '/submit'; 
     }); 
    } 
}); 

我的應用程序是一個Rails應用程序。

回答

0

而不是針對window,嘗試定位特定的id標記。例如,添加類似id="back-button-event"到HTML,然後瞄準它:

$("#back-button-event").on("click", function() { 
    ... 
}); 
+0

如何在HTML訪問後退按鈕,因爲這是我想找到一個函數來 – genghiskhan

+0

的唯一的事情這只是一個名字我選擇了一個例子。一個ID可以被稱爲任何東西。你可以在HTML中將你的id設置爲'id =「whatever-want-想要」',然後你可以在jquery中使用hashtag符號'$(「#whatever-want-want」)來訪問它' –

+0

I瞭解HTML ID如何工作。用你的答案,你暗示有一個代表瀏覽器後退按鈕的html元素。 – genghiskhan