万金游
万金游
  • 发布:2018-10-20 00:52
  • 更新:2021-03-09 15:49
  • 阅读:2650

numbox 数字输入框 设置 data-numbox-min 大于 0 按减键到最小值获取不到值的问题

分类:MUI

今天用了下 mui 自带的 numbox 数字输入框,发现设置了最小值 data-numbox-min=“1”,然后测试点击减键到最小值时获取不到值,但是 input 的值有正常改变,而减键也正常灰色被 disabled 了,却无法获取到改变后的值。
于是,想了想,还是去分析下 mui.js ,发现了这段代码:

                if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {  
                    val = self.options.min;  
                    self.minus.disabled = true;  
                } else {  
                    self.minus.disabled = false;  
                }

看似这段代码没有问题。val = self.options.min; 是已经等于新值了,而且 val <= parseInt(self.options.min) 时也 self.minus.disabled = true; 正常屏蔽减键了。于是又想了下,是不是 self.minus.disabled = true; 速度太快导致 self.input.value = val; 没有优先获取到值呢?
突发奇想,将 self.minus.disabled = true; 延迟设置:

                if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {  
                    val = self.options.min;  
                    setTimeout(function (){  
                        self.minus.disabled = true;  
                    }, 100); //怕没效果,可适时加大延迟时间  
                } else {  
                    self.minus.disabled = false;  
                }

凭着试一试的心理,然后测试了下,结果...OK!菜鸟的方法,分享给大家。

1 关注 分享
酷酷的冷水君

要回复文章请先登录注册

万金游

万金游 (作者)

回复 酷酷的冷水君 :
mui.js 已经停止不再更新了。
2021-03-09 15:49
酷酷的冷水君

酷酷的冷水君

官方太不负责了,这样的bug更新版本的时候,也不修复
2021-02-07 13:48