在表单输入字段中定义光标位置

Question

我有几个带默认值的输入字段。我将tabindexs定义为使用制表符按钮从一个字段跳到另一个字段。问题是，当我到达一个字段时，整个文本被选中，如果我开始输入它将被替换。我想将光标位置设置为预填充文本的末尾。我怎么能这样做？

Answer 1

通过在每个节点上定义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

Answer 2

我相信您无法使用js设置光标位置，但您可以在第一次按键后挂钩功能以重置预填充文本。