javascript - 用 html 视频对漂亮的 dnd 做出反应，而不是冒泡事件

Question

我正在使用 react beautiful dnd 在水平列表中拖动图像和视频。图像/视频用 div 包裹（位置设置为relative）。它适用于图像，但不适用于视频。似乎 html 视频元素不会将点击、拖动事件传播到父 div，而是用于播放/暂停视频。我怎样才能绕过这个问题？我真的不需要视频控件？提前致谢

Answer 1

这不是按设计工作的 - Beautiful DND 会关闭此元素（以及更多）上的拖动功能，因此本机体验不会中断，如文档中所述。

但是，您可以通过将disableInteractiveElementBlockingprop 添加到<Draggable />.

不用说，它可能会损害用户体验，因此您可能希望在拖动时禁用控件，并确保您正在与用户沟通这些控件现在可以拖动并且无法以其他方式进行交互（例如 - iOS 应用程序摇摆不定）当处于重新排序模式时）。