mui 自带的 numbox 数字输入框设置 data-numbox-min 大于 0 按减键到最小值获取不到值的问题
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!