如何在起始位置设置遮罩文本字段光标？

Question

我正在使用react mask文本字段组件。当我单击它时，输入光标始终显示在遮罩的末尾。如何使输入聚焦时将光标设置在“ +7（”之后？

 <MaskedTextfield
    inputId="masktextfield"
    className="tf"
    reference={this.props.reference}
    maskedValue={this.props.maskedValue}
    numOfErrorMsgs={1}
    showMask
    guide
  />

Answer 1

您可以使用setSelectionRange(0,0);。 首先获取对该元素的引用，然后应用该函数。在普通的JS中，onFocus或onClick函数将如下所示：

var textfield = document.getElementById('masktextfield');
textfield.setSelectionRange(0,0);