在 HTML 代码中我有这两个输入字段:
<div class="col-md-7">
<input id="variazioneUlterioreSaldoInput" class="rightAlligned form-control" type="number" value="" min="0" step="0.01" style="width: 60%">
</div>
<div class="col-md-12">
<label for="anticipo">Anticipo:</label>
<input id="anticipoModaleUlterioreSaldo" class="rightAlligned form-control" type="number" value="" min="0" step="0.01" style="width: 25%">
</div>
这些字段是可编辑的，当用户更改其中一个时，我必须对这两个值求和。我有一个如下所示的 jQuery 函数，它在用户更改第一个输入中的值时执行:
$("#variazioneUlterioreSaldoInput").bind('change keyup', function() {
console.log("VALUE CHANGED !!!");
// DO SOMETHING
}
我的疑问是实现我之前的要求是更好地实现 2 个不同的 jQuery 函数，每个函数定义在特定输入的 change keyup 事件上，或者我可以为 change keyup 定义一个独特的函数 我的两个输入标签上的事件？
最佳答案
您可以通过用逗号分隔它们的选择器来为两个元素分配相同的事件处理程序:
$('#variazioneUlterioreSaldoInput, #anticipoModaleUlterioreSaldo').on('change keyup', function() {
console.log("VALUE CHANGED !!!");
// calculate the sum of values here...
});
使用此模式是一个值得遵循的好习惯，因为它符合 DRY principles .
关于javascript - 我可以定义一个函数来处理在 2 个输入标签上定义的 "change keyup"事件吗？这是不是一个好主意？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35011325/