通过JavaScript事件同步两个CSS属性

Question

是否有通过JavaScript或JQuery同步两个属性的通用方法。

例如，我有一个“可编辑”的文本字段。双击时，我将其隐藏，然后显示一个输入框。如果文本字段更改了大小，那么为了保持布局，输入也必须更改。在过去，在重新调整大小的事件中，我会确保更改两个对象的大小，它工作得很好。基本上，我手动确保每当标签更改大小时，我也会更改输入框的大小。

有没有更好的设计模式，而不是总是设置两种大小？也许是当CSS width发生变化或其他事情时的监听器？

编辑#1:示例

我想让div_one不断地检查div_two的宽度。当div_two的宽度改变时，div_one的宽度也会改变自己的宽度来匹配。对我来说，它听起来像是"cssWidthChangeListener“之类的。

编辑#2:澄清

我认为我的帖子到目前为止还没有完全清楚，因为我的例子中发生的事情得到了很好的回应，但并不完全是我想要的。这是我想要的另一种重申。

当元素上的css属性、类或属性发生更改时，如何创建事件/触发器？当div_one发生变化时，我想运行某个函数。

Answer 1

Angular JS提供了我能在数据绑定中找到的最接近的功能。我现在只是在浏览教程，但如果我找到更准确的信息，我会更新这个答案。