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

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);" />

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

How to move selection point to the beginning of input field?

javascript

reactjs

input

redux-form