Javascript 用户可调Div宽度

我有两个组件并排包裹在div中。我想在中间添加一个栏，允许用户拖动左/右，并相应调整div的宽度。如何执行此操作？

您可以使用css resize属性：

也可以使用拆分器：

---

或者你也可以自己用js实现它。在本例中，您将在div的边界上放置div，捕捉鼠标单击事件并重新计算div的大小。我认为最好使用现有的lib。

使用鼠标事件来更新可调整大小的元素节点的样式属性（

width

/

height

或

transform

）。此外，它还可以很好地限制鼠标事件，特别是当您使用

mousemove

时，因为它会频繁触发。您可能还想签出。