jQuery onkeyup或onchange函数取决于HTML表单中的值

时间:2018-09-13 03:58:35

标签: javascript jquery html onchange keyup

当用户输入时,我有三个字段金额含税金额税收(%)它通过keyUp事件功能自动计算出的强度>数量。当用户将含税金额取整并再次按 TAB 键提交时,会出现问题。它检测到Keyup事件并将其值更改为初始值。指导我解决这个问题。

1 个答案:

答案 0 :(得分:0)

您会注意到,如果要通过舍入税额来实现所要查找的内容,字段也会由于{{ 1}}事件已应用,这意味着它已变成类似于链接事件。一旦用户打算手动更改税额,我将对代码进行一些更改以触发税额的值,如下所示:

onkeyup

请注意,在这种情况下,calculateTotal = function(){ var total = 0.00; var amount = $("#amount").val(); var amount_with_tax = $("#amount_with_tax").val(); amount = parseFloat(amount); amount_with_tax = parseFloat(amount_with_tax); total = amount + amount_with_tax; var tax = (100-(amount/total)*100).toFixed(2); console.log(total); $('#tax').val(tax); $('#total').text(total.toFixed(2)); } 事件不是一个好的事件侦听器,因为这两个函数都是 linking 链接,并且字段值是依赖的 >。因此,我将事件侦听器更改为onkeyup,仅当用户将焦点放在输入字段或从输入字段移出时,它才会触发事件。