在表格輸入字段中定義光標位置

Question

我有幾個輸入字段與默認值。我使用Tab鍵定義了tabindexes從一個字段跳轉到另一個字段。問題是，當我到達一個字段時，整個文本被選中，並且如果我開始鍵入，它將被替換。我想將光標位置設置爲預填充文本的末尾。我怎樣才能做到這一點 ？

Answer 1

我相信你不能用js設置光標位置，但你可以掛鉤一個函數來重置第一次按鍵後的預先填寫的文本。

Answer 2

通過在每個節點上定義onfocus事件。並設置插入位置到最後。由於默認的焦點/點擊行爲，應該延遲設置光標。

function setCursorAtEnd(node){ 
    setTimeout(function(){ 
     setCursor(node,node.value.length); 
    },10); 
} 

<input onfocus="setCursorAtEnd(this)" value="bla"/> 

的setCursor功能，您可以在這個問題找到：Set cursor at a length of 14 onfocus of a textbox