使用场景
为了更好的展示用户输入的银行卡号, 需要每隔四个数字加一个空格
实现思路:
当用户输入的字符个数, 可以被5整除时, 额外加一个空格
当用户删除数字时,遇到空格, 要移除两个字符(一个空格..., 一个数字),
为了实现以上想法, 必须获取键盘的BackSpace事件, 重写删除的逻辑
限制为数字, 隔四位加空格
?...// 处理键盘事件
changeShowTxt(event){
// 当输入删除键时
if (event.key === "Backspace") {
// 如果以空格结尾..."1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(event.key)){
// 如果当前输入的字符个数取余为0, 则先添加一个空格...this.state.showTxt+event.key})
}
}
render() {
return (
银行卡号 隔四位加空格