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="+915465971" onkeydown="yourfunction(event)"/>

我认为这会起作用。

Answer 2

如果您不希望他们更改它，是否考虑过不将其包含在字段中？例如（原始HTML）

4<input type="tel"/>

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

Answer 3

使用onKeyDown代替onKeyPress，如果条件通过，请执行e.preventDefault（）

Answer 4

致电

event.preventDefault()

其中

onKeyPress(event) {}

在功能中。

不要使用nativeEvent。

如何在React Native中限制文本字段的退格事件

4 个答案: