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

Question

我正在处理下面的代码片段。为什么我无法使用它检测输入更改？

$("#fname").on("change", function () {
   console.log("The text has been changed.");
});

$("button").on("click", function () {
    $("#fname").text('Alex');
    $("#fname").val('Alex');
});

$("#fname").on("change", function () {
   console.log("The text has been changed.");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <input type="text" id="fname" name="fname"><br><br>
<button type="button">Click Me!</button>

Answer 1

仅当用户设置该值时才会触发此操作。您可以手动触发它。

$("#fname").val('Alex').change();