Bigcommerce系统:shopping cart的“购买数量”文本框,change事件改为keyup事件

本文探讨了如何改进Bigcommerce购物车系统中的购买数量更新机制。通过将change事件替换为keyup事件,实现了输入数字时立即更新总价的功能。然而,此改动导致连续输入多个数字时计算错误。文章进一步讨论了解决方案,并提到了借鉴谷歌搜索栏延时效果的方法。

Bigcommerce系统的shopping cart的“购买数量”,客户填上任意要修改的数字,需要点击空白处或者点"UPDATE QUANTITY",总价格就会自动修改。今天市场部提出:能不能让购买数量的文本框(qtyInput)填上数据后,就改变价格,而不需要点击空白处或者点击或者点"UPDATE QUANTITY"?

 

相关思路:输入数字就显示,那就是当键盘按键松开时就执行更新。也就是text的key事件啦。点击空白处才执行更新,那应该是text的change事件。对程序进行了一番查找,终于找到执行该条件的位置了:根目录/include/display/CartContent.php第236行,把change改为keyup

 

测试的最终结果:当输入一个数字时,更改价格OK。当输入俩个以上数字,计算结果就不对,他都只计算第一个输入的数字。比如:产品单价是:91.5元,文本框输入9,价格是823.5,当输入22,他当成2,得到结果:183,输入10,得到91.5元。也就是说第一次keyup的时候,就已经提交数据进行更新了。

 

这样的结果不够妥当。上网找了下资料,google搜索栏的延时效果可以达到最初想要的结果。等待后期的研究了,有结果了,就对本文进行Update...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值