This commit is contained in:
sjl
2024-11-07 15:13:53 +08:00
parent 1ec486a42d
commit 0ca2baa44a
4 changed files with 50 additions and 23 deletions

View File

@@ -55,7 +55,7 @@
})
// 证明在开始阶段
if (input.selectionStart == 0) {
console.log('鼠标设置了,', index)
//console.log('鼠标设置了,', index)
markFlag.value[index].left = true
} else {
markFlag.value[index].left = false
@@ -111,7 +111,7 @@
// 检查ip输入
const checkIpVal = (item: any) => {
let val = item.value;
console.log(val, '===========')
//console.log(val, '===========')
// 处理非数字
val = val.toString().replace(/[^0-9]/g, "");
val = parseInt(val, 10);
@@ -130,7 +130,7 @@
}
}
item.value = val;
console.log(item.value, '=========')
//console.log(item.value, '=========')
}
// 判断光标左右移动位置
@@ -170,19 +170,19 @@
markFlag.value[index].right = false
}
} else if (e.keyCode === 8) {
console.log('删除键把当前数据删除完毕后会跳转到前一个input')
//console.log('删除键把当前数据删除完毕后会跳转到前一个input')
// 删除键把当前数据删除完毕后会跳转到前一个input左一不做任何处理
if (index !== 0 && e.currentTarget.selectionStart === 0) {
if (markFlag.value[index].left) {
ipInputRefs.value[index - 1].focus();
markFlag.value[index].left = false
} else {
console.log('左键设置了删除,', index)
//console.log('左键设置了删除,', index)
markFlag.value[index].left = true
}
}
} else if (e.keyCode === 13 || e.keyCode === 32) {
console.log('回车键、空格键、冒号均向右跳转,右一不做任何措施')
//console.log('回车键、空格键、冒号均向右跳转,右一不做任何措施')
// 回车键、空格键、冒号均向右跳转,右一不做任何措施
if (index !== 3) {
ipInputRefs.value[index + 1].focus();
@@ -190,7 +190,7 @@
}
else if (e.keyCode === 110 || e.keyCode === 190) {
// 点 . 向右跳转,右一不做任何措施
console.log('点击')
// console.log('点击')
if (item.value == '') {
return
}
@@ -199,10 +199,11 @@
}
}
else if (item.value.toString().length === 3) {
console.log('满3位光标自动向下一个文本框')
//console.log('满3位光标自动向下一个文本框')
// 满3位光标自动向下一个文本框.
if (index !== 3) {
ipInputRefs.value[index + 1].setSelectionRange(0, 0)
//ipInputRefs.value[index + 1].setSelectionRange(0, 0)
ipInputRefs.value[index + 1].focus();
}
}
}
@@ -220,7 +221,7 @@
} else {
if (direction == 'toRight') {
// 可以直接跳回
console.log('右键focus,', index)
//console.log('右键focus,', index)
markFlag.value[index].left = true
// 设置光标为左边第一个
ipInputRefs.value[index].setSelectionRange(0, 0)
@@ -251,7 +252,7 @@
// 监听数据变化,并初始化显示四个数据
watch(() => props.value, () => {
console.log('变化了~', props.value);
//console.log('变化了~', props.value);
if(flag.value){
}else{