在HTML5原生拖动过程中检测keydown/up事件

Detecting keydown/up events during HTML5 native drag

本文关键字：keydown up 事件检测过程中 HTML5 原生拖动更新时间：2023-09-26

我有一个可以使用原生HTML5拖动的元素。它具有分配给它的拖拽开始、拖拽和拖拽结束事件侦听器。此外，我还将keydown和keyup事件监听器分配给文档。body元素。

当拖动可拖动元素时，ondrag事件将按预期触发。当我按下&在不拖动任何东西的情况下释放任意键，文档。体键上下事件将被触发。

但是，如果我在执行ondrag时按下/上键，则文档。体键上下事件不会触发。有什么解决办法/hack吗?

回答我自己的问题…从拖拽操作- MDN:

对于dragenter和dragover事件，dropeeffect属性为初始化为用户正在请求的效果。用户可以按修改键修改想要的效果。虽然使用的确切键因平台而异，通常是Shift和Control键用于在复制、移动和链接之间切换。

在HTML5原生拖动中，唯一能够触发任何事情的按键是修饰键。在Mac上，它是选项键和控制键。动作通过event. datattransfer捕获。