我有一个列表
最好和最有效(性能)的跟踪这些更改的方法是什么?
我的第一个解决方案是使用
对于表单元素,有
<ul><li>
,需要了解每个 <li>
的当前 width
/height
。假设其中一个属性由外部原因(不是我的代码)更改,例如通过调整浏览器大小、另一个脚本、样式交换或类似的我无法用自己的代码控制的东西。最好和最有效(性能)的跟踪这些更改的方法是什么?
我的第一个解决方案是使用
setInterval(myMonitorFunction, 100)
循环遍历所有相关的 DOM 元素。这会导致延迟(100ms),并且随着元素列表越来越大,也会消耗大量性能。对于表单元素,有
onchanged
事件允许有效地监控输入值。我正在寻找类似的(同样高效的)所有/其他 DOM 元素属性,但尚未找到任何好的解决方案。