Javascript 我可以定义一个函数来处理；“更改密钥更新”；在2个输入标记上定义的事件？这是个好主意吗？_Javascript_Jquery_Jquery Events

Javascript 我可以定义一个函数来处理；“更改密钥更新”；在2个输入标记上定义的事件？这是个好主意吗？

javascript jquery

Javascript 我可以定义一个函数来处理；“更改密钥更新”；在2个输入标记上定义的事件？这是个好主意吗？,javascript,jquery,jquery-events,Javascript,Jquery,Jquery Events,在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"> &l

在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函数，每个函数在特定输入的

change keyup

事件上定义，或者我可以在两个输入标记上为

change keyup

事件定义一个唯一的函数吗

您可以通过用逗号分隔两个元素的选择器，将相同的事件处理程序分配给这两个元素：

$('#variazioneUlterioreSaldoInput, #anticipoModaleUlterioreSaldo').on('change keyup', function() {
    console.log("VALUE CHANGED !!!");
    // calculate the sum of values here...
});

使用此模式是一个很好的实践，因为它符合。


$（文档）.ready（函数（）{
$（“#variazionEULTIEORESALDOInput，#anticipoModaleUlterioreSaldo”）.bind（'change keyup'，function（）{
log（“值已更改！！！”；
//做点什么
});
});
反IPO：

$('#variazioneUlterioreSaldoInput, #anticipoModaleUlterioreSaldo').on('change keyup', function() {
    console.log("VALUE CHANGED !!!");
    // calculate the sum of values here...
});

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>

    $(document).ready(function () {

        $("#variazioneUlterioreSaldoInput, #anticipoModaleUlterioreSaldo").bind('change keyup', function () {
            console.log("VALUE CHANGED !!!");
            // DO SOMETHING
        });
    });
</script>
</head>

<body>

    <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>
</body>

</html>