javascript - jQuery-事件监听器“更改”仅在焦点放在对象上时有效

我目前对此有点挣扎。情况如下。我在页面上有多个输入字段

Input1和Input2影响Input3的内容。

现在，如果Input3的内容发生更改，我将不会触发事件处理程序。我试过了

$('#div-xy').on('change', 'input', function(){console.log('input changed')});

但这似乎只有在焦点也放在Input3上时才起作用，而在我输入input2或input3时情况并非如此。
我也试过

$('#div-xy').bind('DOMSubtreeModified', function(){console.log('CHANGE2')});

可悲的是具有相同的效果。您可能有一个想法如何检查Input3中的更改吗？希望能有所帮助。

最佳答案

更改事件仅在用户输入时触发，但可以显式触发。

由于您使用的是jQuery：

$('#input2').change(()=>{
    console.log('input 2 is changed');

    $('#input3').val('some val');
    $('#input3').change()
})

$('#input3').change(()=>{
    console.log('input 3 is changed');
})