使用箭頭鍵阻止頁面滾動，但仍允許光標在文本字段中移動？

Question

是否可以使用JavaScript來阻止箭頭鍵滾動頁面（在此示例中為水平），但仍然允許箭頭鍵在文本字段中移動光標？

例如 - 我在超寬<div>有一個文本輸入，當我使用箭頭鍵將光標移動到文本的末尾時，它將水平滾動頁面。

我知道我可以使用event.preventDefault(); 防止默認行為，但這也會阻止光標移動。 我也試過e.stopPropagation(); ，似乎也沒有做到這一點。

是否可以這樣做，或者我必須使用e.preventDefault(); 然后用JavaScript手動移動光標位置？ 我希望有一個更簡單的解決方案。 :)

這是一個JSFiddle演示我的問題： http ： //jsfiddle.net/h6ug57u0/

編輯：

我應該注意到，當輸入中有焦點時，我只是試圖實現這種行為。 否則，我不想妨礙瀏覽器的默認行為 - 我知道許多用戶使用箭頭鍵滾動。

Answer 1

如果你是e.preventDefault()也許你需要檢查輸入插入符號的位置以進行分析。

舉個例子：

http://jsbin.com/cunidinuvo/edit?html,js,output

Answer 2

為什么不直接在文本框中添加onkeypress事件處理程序，然后檢查箭頭鍵？