是否有一个普通的普通JS / HTML（或JQuery）事件在元素开始/结束渲染时触发？

Question

我想要类似于document.ready事件，但适用于任何DOM元素。

更详细地讲，我正在破解具有自定义框架的应用程序。 我正在尝试添加加载屏幕。 每当屏幕上弹出某个元素时，该屏幕就会消失。

现在我真的不知道如何以一种干净的方式进行此操作，或者建议采用哪种方式进行此类操作，但就目前而言，如果我可以实现此伪代码就足够了

container.show_loading_spinner()
// .. other stuff ...
// this should only trigger when the next line, which starts creating elements begins
container.on_drawing_begin(function() 
    {container.hide_loading_spinner()})

//when this begins drawing, the spinner should get hidden.
container.create_some_elements()

我意识到这可能非常复杂，并且希望我不会被视为菜鸟，但我主要专注于后端开发。 我要问的这个事情是否可能，还是我应该以一种完全不同的方式来思考？

[编辑]

问：我对“渲染”的定义是什么？

答：当元素出现在DOM中并在屏幕上可见时，我称其为“渲染”。 它不在DOM中的那一刻，它是未渲染的。 渲染是将DOM（以及相应的屏幕-如果该元素可见）从第一状态进入第二状态的过程。

更随意地说，尽管我只想“某个事件”，它在元素开始渲染的那一刻非常接近地触发。 我需要开始，因为那是我想关闭微调器的时间。 我不希望微调器与我的元素同时出现在屏幕上。

Answer 1

如果在开始渲染元素时触发了诸如hideSpinner类的自定义事件， hideSpinner怎么办？

https://developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Creating_and_triggering_events