export const InputCommonAttr = {
type: 'number',
onWheel(event: any) {
/*禁止滚轮可加减输入框的数字*/
event.preventDefault();
event.target.blur();
return false;
},
onPaste(event: any) {
/*防止用户粘贴过来字母e*/
event.preventDefault();
},
onKeyDown(event: any) {
/*对字母e特殊处理*/
if ([69].includes(event.keyCode)) {
event.preventDefault();
return false;
}
return /[\d\.]/.test(String.fromCharCode(event.keyCode));
},
formatter(value: any) {
if (!value) {
return value;
}
/*保留小数点后的两位数字*/
const arr = value?.split('.');
if (arr?.length > 1) {
const str = arr?.[1].substr(0, 2);
return `${arr?.[0]}.${str}`;
}
return `${value}`;
},
parser(value: any) {
return value ? value : null;
},
};
以上代码使用的背景是:react开发,用的antd的InputNumber组件,具体可以查看官方文档:InputNumber
将上面代码里面的属性都添加到这个组件里面就可以啦。