用switch方法处理输入数字小数点后两位

我哈我哈

于 2023-01-06 16:39:40 发布

阅读量838

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_52312684/article/details/128581318

版权

这段代码是针对输入框的keydown事件进行处理的，主要目的是控制用户输入的数字格式。当用户输入小数点时，如果尚未输入任何数字，则自动补零；若已有小数点，则不再允许输入。对于数字0的输入，只有在数值为0或者没有小数点时才有效。其他情况下，输入值将被限制在最多3位小数。

摘要由CSDN通过智能技术生成

value: '', //输出的值

keydown(e) {
               console.log('jaj',e)
               switch (e) {
                   case '.':
                       // 当输入为点的时候，如果第一次输入点，则补零
                       if (!this.value.length) {
                           this.value = '0.';
                       } else {
                           if (this.value.indexOf('.') > -1) {
                               // 如果已经有点，则无效
                           } else {
                               // substring(0, item.price.length - 1)
                               this.value = this.value + '' + e;

                           }
                       }
                       break;
                   case '0':
                       if (this.value.length === 0) {
                           this.value = this.value + '' + e;
                       }
                       if (Number(this.value) === 0 && this.value.indexOf('.') == -1) {
                           // 当输入为零的时候，如果value转换成数字为零，且没有点则无效
                       } else {
                           this.value = this.value + '' + e;
                       }
                       break;
                   default:
                       this.value = (this.value + '' + e).substring(0,(this.value + '' + e).indexOf(".")+3);

                       break;
               }
           },