Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过拖动调整元素大小_Javascript_Html_Drag And Drop - Fatal编程技术网

Javascript 通过拖动调整元素大小

Javascript 通过拖动调整元素大小,javascript,html,drag-and-drop,Javascript,Html,Drag And Drop,我有一个类似日历的视图,它显示一周中每天有一列的表()。每一行代表一个特定的东西,可以预定一段时间。现在的想法是,可以通过将表的外缘拖到第二天来延长预订时间,或者以同样的方式缩短预订时间。活动预订在单元格的每一侧都有一个跨度,应该是用于拖动的句柄 我现在的主要问题是浏览器中常用的拖放功能似乎不适合我的情况。我不想拖动某个东西并将其放到其他任何地方,我只想拖动以扩展该项 这是否仍然可以通过HTML5常用的拖放功能或一些通用的拖放库来实现?或者有没有其他方法来实现这一点?有没有关于如何解决这个问题的

我有一个类似日历的视图,它显示一周中每天有一列的表()。每一行代表一个特定的东西,可以预定一段时间。现在的想法是,可以通过将表的外缘拖到第二天来延长预订时间,或者以同样的方式缩短预订时间。活动预订在单元格的每一侧都有一个跨度,应该是用于拖动的句柄

我现在的主要问题是浏览器中常用的拖放功能似乎不适合我的情况。我不想拖动某个东西并将其放到其他任何地方,我只想拖动以扩展该项

这是否仍然可以通过HTML5常用的拖放功能或一些通用的拖放库来实现?或者有没有其他方法来实现这一点?有没有关于如何解决这个问题的建议


我使用React来实现这一点,如果直接操作DOM,可能会使一些解决方案难以集成

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