如何将选择点移动到输入字段的开头？

Question

我有一个输入字段（使用 redux-form）：

 <input
                {...input}
                autoFocus
                onFocus={(e)=> {
                    var val = e.target.value;
                    e.target.value = '';
                    e.target.value = val;
                    }}
                className={'hinput'}
                value={input.value}/>

当输入获得焦点时，它会从您单击的位置（值的右侧或左侧）开始输入。输入焦点时如何强制用户从头开始输入？

错误的行为：

我尝试使用函数onFocus 并尝试使用e.target.value='' 重置值，以便它会回到开头，但它不起作用。提前致谢

Answer 1

我认为你需要移动选择点的函数是HTMLInputElement.setSelectionRange()。

onClick={(e)=> {
  e.target.setSelectionRange(0, 0);
}}

function handleClick (input) {
  console.log('handleClick()');
  input.setSelectionRange(0, 0);
}

Click on input:<br/>
<input value="35.00" onclick="handleClick(this);" />