Javascript jQuery，下一次单击时显示函数结果

我正在尝试对magento 2.1产品进行汽车价格计算。当我在snippet或JSFIDLE上测试代码时，它工作正常，但当在真正的magento站点上运行时，“mouseup”计算函数的结果将在下一次单击（或上一次单击）时显示，但在“keyup”上工作正常。有人对这个案子有什么答案吗

$（文档）.ready（函数（）{
$（.control”）.on（“键控鼠标”，函数（）{
var totale=0；
$（“.quantity number.qty”）。每个（函数（）{
var qty=parseFloat（$（this.val（））；
//var price=parseFloat（$（“.price wrapper”）.attr（“数据价格金额”）；
//var price=parseFloat（$（“.price”）.attr（“数据价格金额”）；
//var price=parseFloat（$（“.price”）.text（）；
var price=parseFloat（$（'.product info main span.price'）.text（）.match（/\d+/）[0]，10）；
/*
var temp=$（“.price”）.text（）；
var num=温度匹配（/[\d\.]+/g）；
如果（num！=null）{
var price=num.toString（）；
}
*/
合计+=数量*价格；
合计=数量*价格；
});
$（“.calprice”）.html（“฿”+toFixed（2）总计；
}); 
});

฿10.00
如果要在输入元素中的值更改时调用函数，请在输入元素本身上为“input”事件添加事件侦听器

$（“#数量”）。在（“输入”，函数（）{…}）

但是，如果您有多个数量输入，并且它们是动态添加的，则您将希望使用如下委托选择器：

$(".control").on("input", ".qty", function () {
  // do stuff
});

我的问题解决了！谢谢

尝试使用后，每个状态都可能发生在主分区上

$(document).on("input keyup change click mouseup",".control",function(){
   $(".quantity-number .qty").each(function () {
      //do stuff
   });
}

现在，我对代码进行了如下更新：它与旧代码一样工作正常，但在Magento站点上没有显示任何结果。请参阅：