onlyNumber.js
3.44 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
export default {
inserted (el, vDir, vNode) {
// vDir.value 有指令的参数
let content;
//按键按下=>只允许输入 数字/小数点
el.addEventListener("keypress", event => {
let e = event || window.event;
let inputKey = String.fromCharCode(typeof e.charCode === 'number' ? e.charCode : e.keyCode);
let re = /\d|\./;
content = e.target.value;
//定义方法,阻止输入
function preventInput () {
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
}
if (!re.test(inputKey) && !e.ctrlKey) {
preventInput();
} else if (content.indexOf(".") > 0 && inputKey == ".") {
//已有小数点,再次输入小数点
preventInput();
}
});
//按键弹起=>并限制最大最小
el.addEventListener("keyup", event => {
let e = event || window.event;
content = parseFloat(e.target.value);
let arg_max = "";
let arg_min = "";
if (vDir.value) {
arg_max = parseFloat(vDir.value.max);
arg_min = parseFloat(vDir.value.min);
}
if (arg_max && content > arg_max) {
e.target.value = arg_max;
content = arg_max;
}
if (arg_min && content < arg_min) {
e.target.value = arg_min;
content = arg_min;
}
if (!content) {
content = '';
}
});
//失去焦点=>保留指定位小数
el.addEventListener("keydown", event => {//此处会在 el-input 的 @change 后执行
let e = event || window.event;
let key = e.key
if (vDir.value.precision == 0) {
// 不允许输入'e'和'.'
if (key === 'e' || key === '.') {
e.returnValue = false
return false
}
}else {
if (e.target.value != '') {
let arg_precision = 0;//默认保留至整数
if (vDir.value.precision) {
arg_precision = parseFloat(vDir.value.precision);
}
let reg = new RegExp(`^\\d*(\\.?\\d{0,${arg_precision-1}})`, 'g')
e.target.value = (e.target.value.match(reg)[0]) || null
}
}
// content = parseFloat(e.target.value);
// if (!content) {
// content = 0.00;
// }
// if (e.target.value != '') {
// let arg_precision = 0;//默认保留至整数
// if (vDir.value.precision) {
// arg_precision = parseFloat(vDir.value.precision);
// }
// e.target.value = content.toFixed(arg_precision);
// }
// -- callback写法1
// vNode.data.model.callback = ()=>{
// e.target.value = content.toFixed(arg_precision)
// }
// vNode.data.model.callback();
// -- callback 写法2
// vNode.data.model.callback(
// e.target.value = content.toFixed(arg_precision)
// )
})
}
}