値の変更時に最後にキャレットが移動する

Question

入力フィールドの値（58.10）を（58.1）に変更すると、「0」を削除するとすぐにカーソルが5より遅くなります。私はそれが "1"の横にあると思っています。

が反応：

// Props 
var data = [ 
    {unit_amount: 58.10, id: 1}, 
    {...}, 
    {unit_amount: 25.99, id: 3}, 
] 

_valueChange(i, e){ 
    e.preventDefault(); 
    var obj = this.props.data; 
    var num = obj.find(p => i === p.id); 

    num.unit_amount = e.target.value; 
}, 

// Render 

var lineItems = this.props.data.map(function(l){ 
    return(
    <tr key={l.id}> 
    <input type="number" value={l.unit_amount} onChange={this._valueChange.bind(this, l.id)} /> 
    </tr> 
) 
}) 

値は、[OK]をクリックして変更が、カーソル（「パイプ」）は、私は一度バックスペースボタンを押したら左極端に行きます。何か案は？

Answer 1

値を設定した後にカーソル位置を設定することができます。文字列の長さを見つけ、カーソル位置を文字列の長さに設定することができます。

あなたが探しているAPIについてこの投稿をチェックしてください。 Get caret position in HTML input?