如何在本机反应中限制文本字段的退格事件

Question

我想限制用户删除电话号码字段中的第一个字符。我已经实现了onKeyPress如下事件处理程序，但它仍然不限制删除文本。onKeyPress={({ nativeEvent }) => {      if (nativeEvent.key === "Backspace" && this.props.input.value.charAt(0) === '+') {        return false      }    }}

Answer 1

function yourfunction(e) {

  if(e.code === 'Backspace' && e.target.value.charAt(0) === '+' && e.target.selectionStart<=1){ 

    e.stopPropagation();

    e.preventDefault(); 

  }             

}

<input type="text" value="[phone]" onkeydown="yourfunction(event)"/>

我认为这会奏效。

Answer 2

如果您不想让他们更改它，您是否考虑过不将其包含在该领域中？例如（香草 HTML）

4<input type="tel"/>

其中“4”是纯文本，不能更改。