通过拖动调整元素大小

Question

我有一个类似日历的视图，显示一周中每天有一列的表格（see this image）。每行代表一段时间可以预订的特定事物。现在的想法是，可以通过将外边缘拖到表格中的第二天来延长预订，或者以相同的方式缩短预订。活动预订在单元格的每一侧都有一个跨度，应该是拖动的句柄。

我现在的主要问题是通常的阻力和浏览器中的drop功能似乎不适合我的情况。我不想拖动任何东西并将其放在其他任何地方，我只想拖动以扩展该项目。

这仍然可以通过常用的HTML5拖放功能或一些通用的拖放库来完成吗？或者有没有其他方法来实现这一目标？有关如何解决这个问题的任何指示？

我正在使用React，如果他们直接操作DOM，可能会使某些解决方案难以集成。

Answer 1

嗯，我不知道该怎么做，我认为链接不太可能很快改变，我可以描述回购'允许使用鼠标单独或组选择项目。单击并拖动以套索多个项目，按住cmd / ctrl键选择不相邻的项目。我可以简要描述一下lib代码的作用：使用keydown，keyup和mousedown侦听器来创建覆盖并检测DOM中的覆盖节点。