我有一个控制输入,最初显示的值.
我已将该输入设置为autoFocus,但是当我希望它在最后出现时,光标出现在输入的开头.我理解这可能是因为autoFocus是在值之前添加的,但我不是100％肯定.
我已将该输入设置为autoFocus,但是当我希望它在最后出现时,光标出现在输入的开头.我理解这可能是因为autoFocus是在值之前添加的,但我不是100％肯定.
在输入字段结束时完成光标初始化的最佳方法是什么？
var Test = React.createClass({
getInitialState: function() {
return {
teamId: 'fdsfds'
};
},render: function() {
return (
<input type="text" autoFocus value={this.state.teamId} onChange={this.setTeamId} />
);
},setTeamId: function(event) {
this.setState({ teamId: id });
},});
ReactDOM.render(
<Test />,document.getElementById('container')
);
解决方法
一个解决方案
<input
type="text"
autoFocus
value={this.state.teamId}
onChange={this.setTeamId}
onFocus={function(e) {
var val = e.target.value;
e.target.value = '';
e.target.value = val;
}}
/>
