javascript - 使用 jquery 检测变量变化

Question

我对我的服务器进行 AJAX 调用以读取文件并取回值作为响应。如果请求成功，那么我将替换我的 <p> 中的 innerHTML ID 为 output 的元素与响应值。现在，如果值发生变化，我会尝试每次都发出警报。我试图向我的 <p> 添加一个事件元素，以便我可以检测变量是否已更改并触发我的函数:

<p id="output"></p>

<script>
    $("#output").change(function() {
        alert("HELLO WORLD!");
    });
</script>

没有alert()出现。

Answer 1

更改元素的文本/HTML 值不会引发事件。您需要手动触发一个。例如:

// in the $.ajax success handler:
$('#output').trigger('contentchanged');

// event handler
$("#output").on('contentchanged', function() {
    alert("HELLO WORLD!");
});

您也可以使用 Mutation Observer为此，请注意它们在旧版浏览器中不受支持，例如 IE10 及更低版本。