javascript - jquery .on 获取未捕获的 RangeError : Maximum call stack size exceeded

Question

我几乎阅读了关于

的所有 SO 问题

Uncaught RangeError: Maximum call stack size exceeded.

但对我不起作用。

我的问题是我在加载后更改了一些 div 文本，这对我有用。但是，控制台显示 Uncaught RangeError 错误。 这是我的 JS:

<script type="text/javascript">
            $('#report-error').on("DOMNodeInserted DOMCharacterDataModified" ,function(){
                $('#report-error').text("error happened");

            });           
 </script>

这是应用 jquery 后我的 HTML:

<div id="report-error" class="report-div error" 
style="display: block;">error happened
</div>

如有任何帮助，我们将不胜感激。

Answer 1

发生错误是因为当您运行 jQuery 方法 .text() 时触发了 DOMNodeInserted 事件，因为此方法将文本节点插入到容器中。

简而言之 - 处理程序将调用它自己的事件...

您可以使用 one 解决它而不是 on，但副作用取决于您的其余逻辑。

$('#report-error').one("DOMNodeInserted" ,function(){
    $('#report-error').text("error happened");
});