使用场景
为了更好的展示用户输入的银行卡号, 需要每隔四个数字加一个空格
实现思路:
当用户输入的字符个数, 可以被5整除时, 额外加一个空格
当用户删除数字时,遇到空格, 要移除两个字符(一个空格..., 一个数字),
为了实现以上想法, 必须获取键盘的BackSpace事件, 重写删除的逻辑
限制为数字, 隔四位加空格
?...this.inputRef.current.focus()
}
// 处理键盘事件
changeShowTxt(event){
// 当输入删除键时
if (event.key...this.setState({showTxt: this.state.showTxt.substring(0, this.state.showTxt.length-1)})
}
}
// 当输入数字时...为了获取文本输入框的一些操作, 还是js原生的事件绑定机制最好用~