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!

 

 

http://ask.dcloud.net.cn/article/35110

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_格鲁特宝宝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值