2014-08-27 39 views
1

所以我有一個用JS編寫的小型SPA。它有幾個輸入字段,但沒有實際的「表單」。一切都與JS綁定。如何用javascript檢測iOS鍵盤的「下一個」鍵

當用戶到達表單頁面上的最後一個輸入時,如果他們按下'tab'或'enter'鍵,我劫持關鍵事件並激發動畫以滾動下一個表單頁面。這一切都很好。但是,當用戶訪問iOS(或android)時,如果他們開始填寫輸入並點擊「下一個」鍵,那麼當他們到達表單部分的結尾時,設備將關閉下一個輸入屏幕,並打破整個佈局,以尷尬的方式滾動視口等。

所以我的問題是

1)是否有通過JS的方式劫持「下一步」按鈕,正確激活我的動畫?

2)是否有辦法隱藏上一頁/下一頁按鈕?

3)有沒有一種方法,以防止跳到下一個部分的「下一步」按鈕?

我試圖使一個小的jsfiddle是射擊KEYUP警報,但「下一步」鍵似乎並未有任何形式的鍵碼,甚至觸發keyup事件:/

謝謝你任何幫助。

回答

4

我想嘗試在每個頁面的最後一個實際字段後添加隱藏的虛擬輸入字段,並在任何時候獲得焦點時轉到下一頁。

+1

這工作得很好。這感覺有點冒險,但嘿,它完成了工作。 – trattles 2014-09-01 00:23:52