}, {
value: ''
}, {
value: ''
}, {
value: ''
}];
}
this.ipAdress = nArr;
}
}
},
methods: {
//methods
blurFocus(index) {
if(index == 3) {
this.$emit('blur');
}
},
checkIpVal(item,index,event) {
let self = this;
//wx
if(this.isWX){
let e = event || window.event;
let keyCode = e.data;
// //.向右跳转
if(keyCode === ".") {
e.preventDefault();
e.returnValue = false;
item.value = item.value.replace(/[^d]/g, "").replace(/[.]/g, "");
if(index < 3 ) {
self.$refs.ipInput[index + 1].focus();
}
return false;
}
}
let isNo = /^[0-9]{1,3}$/g;
if(/[^d]/g.test(item.value)){
let cache = JSON.parse(JSON.stringify(self.ipAdress));
cache[index].value = item.value.replace(/[^d]/g, "").replace(/[.]/g, "");
self.ipAdress = cache;
return false;
}
if(item.value.replace(/[^d]/g, "").length >= 3) {
let val = parseInt(item.value.replace(/[^d]/g, ""), 10);
if(isNaN(val)) {
val = ''
} else if(val > 255) {
val = 255;
} else {
val = val < 0 ? 0 : val;
}
item.value = String(val);
this.$set(this.ipAdress,index,item);
if(index < 3 ) {
self.$refs.ipInput[index + 1].focus();
}
}
let ns = '';
this.ipAdress.forEach(item => ns += '.' + item.value);
if(ns.length <= 4){
this.$emit('getIP', "", this.ipType);
}else{
this.$emit('getIP', ns.slice(1), this.ipType);
}
},
turnIpPOS(item, index, event) {
let self = this;
let e = event || window.event;
if(e.keyCode == 37) {
if(index != 0) {
self.$refs.ipInput[index - 1].focus();
}
}
//右箭头、回车键、空格键、冒号均向右跳转，右一不做任何措施
if(e.keyCode == 39 || e.keyCode == 13 || e.keyCode == 32 || e.keyCode == 110 || e.keyCode == 46 || e.keyCode == 190 ) {
e.preventDefault();
e.returnValue = false;
if(index < 3 ) {
self.$refs.ipInput[index + 1].focus();
}
return false;
}
},
delteIP(item, index, event) {
let self = this;
let e = event || window.event;
