微调
This commit is contained in:
@@ -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{
|
||||
|
||||
Reference in New Issue
Block a user