input type=number解决可以输入字母e的问题

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

将上面代码里面的属性都添加到这个组件里面就可以啦。

你可能感兴趣的:(前端,javascript,input)