javascript - 如何在输入动态变化时检测输入的变化

Question

如何在动态变化时检测输入值的变化。随着 txt2 上的更改清除 txt1 中的值。我需要检测它是否已清除或更改。

Onchange 不会那样做。

<input id="txt1" type="text" onchange="SetDefault();" onpaste="this.onchange();" oninput="this.onchange();">
<br>



<input id="txt2" type="text" onchange="SetDefaultSecond();" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">

<script>
function SetDefault(){
      alert("Change1");
    }

function SetDefaultSecond(){
      $("#txt1").val('');
       alert("Change2");
}
</script>

Answer 1

您可以像这样在清除第一个输入时手动触发输入事件:

<input id="txt1" type="text">
<br>
<input id="txt2" type="text">

<script>
$("#txt1").on("input", function() {
    alert("Change1");
});

$("#txt2").on("input", function() {
    $("#txt1").val('').trigger('input');
    alert("Change2");
});
</script>

jsFiddle 在这里:https://jsfiddle.net/dr0oabj1/