通過瀏覽器控制JQuery多步表單後退按鈕

我想知道他們是如何使用瀏覽器後退按鈕控制多步表單的，退伍軍人聯合會和加拿大驅動器是如何控制它的。我有一個由Jquery控制的多步驟表單，我需要做的是複製它們的樣式，而不是在單擊瀏覽器後退按鈕時更改頁面，而只是轉到上一步。通過瀏覽器控制JQuery多步表單後退按鈕

感謝

https://www.veteransunited.com/

https://www.canadadrives.ca/

來源

2017-09-01 Bernie Carpio

看起來他們正在使用history api。

當用戶點擊繼續按鈕時的推送狀態。 history.pushState(obj, "title", "#")

並監聽用戶點擊瀏覽器後退按鈕時觸發的popstate事件。

來源

2017-09-02 00:01:53 yezzz

謝謝@yezzz，我會試試看。如果你有一個JQUERY多步表單，用戶點擊瀏覽器的後退按鈕來編輯前一個條目而不是點擊你的腳本後退按鈕，那麼它是非常用戶友好的，有些用戶使用瀏覽器後退按鈕而不是點擊html後退按鈕。如果他們這樣做，而不是導航到以前的領域，它將重定向到前一頁，結果，而不是得到一個新的領導用戶將只關閉該頁面，因爲他們不想再填寫表格再次開始:) –

是的，不應該那麼難以將popstate聯繫在一起，然後再回到形式上。當用戶點擊表單時，你可以使用history.back（）來保持同步。 – yezzz

通過瀏覽器控制JQuery多步表單後退按鈕

回答

相關問題