如何在起始位置设置掩码文本字段光标？

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