JQuery輸入焦點操作

Question

有一個想法，現在試圖讓它發生。

想法：有一個帶有CSS的幾個輸入的HTML頁面，使它看起來很像紙。比每行結束時將焦點從一個輸入移動到下一個輸入，因此用戶可以在模仿襯紙的頁面上繼續輸入內容。

問題：當輸入到達行尾時無法檢測或捕獲事件，因此無法將焦點從一個字段移動到下一個字段。

我試圖利用輸入端的maxlength屬性但這並沒有工作，因爲過程中的一些字母比其他人等都以線條從來沒有真正「填補了」

可行的解決方案更廣泛的：改變輸入一個到的DIV內部範圍包裝文本，計算keyup事件上的跨度寬度，並將其與div的整體寬度相匹配，如果大於，則剪裁文本並將文本移動到下一個div。

問題在於它很混亂，並且可能會導致頁面性能下降，這取決於我決定使用的行數。

問題：當可見區域的末端已達到可以觸發我的功能時，是否有任何事件可以從輸入中抓取？或者，也許有人可以有更好的想法如何實現這？或者我試圖重新創建輪子，並已爲此寫了一些東西（我在Google上找不到任何東西）？