javascript – React autoFocus将光标设置为输入值的开头

前端之家收集整理的这篇文章主要介绍了javascript – React autoFocus将光标设置为输入值的开头前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个控制输入,最初显示的值.
我已将该输入设置为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')
);

https://jsfiddle.net/69z2wepo/34486/

解决方法

一个解决方
<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;
  }}
/>

https://jsfiddle.net/o3s05zz4/1/

适应这个答案:https://stackoverflow.com/a/2345915/1589521

原文链接:https://www.f2er.com/js/155527.html

猜你在找的JavaScript相关文章