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

Question

我想限制用户删除电话号码字段中的第一个字符。我已经实现了onKeyPress如下事件处理程序，但它仍然不限制删除文本。

onKeyPress={({ nativeEvent }) => {

      if (nativeEvent.key === "Backspace" && this.props.input.value.charAt(0) === '+') {

        return false

      }

    }}

Answer 1

function yourfunction(e) {&nbsp; if(e.code === 'Backspace' && e.target.value.charAt(0) === '+' && e.target.selectionStart<=1){&nbsp;&nbsp; &nbsp; e.stopPropagation();&nbsp; &nbsp; e.preventDefault();&nbsp;&nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}<input type="text" value="[phone]" onkeydown="yourfunction(event)"/>我认为这会奏效。

Answer 2

如果您不想让他们更改它，您是否考虑过不将其包含在该领域中？例如（香草 HTML）4<input&nbsp;type="tel"/>其中“4”是纯文本，不能更改。