拖放鼠标滚轮？

Question

简短版本：可以在拖放操作中间触发鼠标滚轮事件吗？

长版：

我目前正处于此特定功能的设计阶段，因此我还没有任何代码。我问这个是因为我知道走这条路是否浪费时间，所以我可以设计其他东西。

基本上，我在一侧有一个物品清单，在另一侧有一个篮子。就目前而言，每个项目都有一个输入框和一个按钮，因此您可以输入数量并将其添加到篮子中（反之亦然）。我想添加拖放功能，这样您就可以以一种或另一种方式拖动项目。如果您只想要一个项目，这很好用，但我想添加一种在拖动时调整数量的方法。我想到了鼠标滚轮，因为您一开始就已经在使用鼠标进行拖动了。

因此，在深入研究代码之前，我需要知道是否真的可以在拖动期间接收鼠标滚轮事件，如果可以，我应该在哪里添加侦听器？

Answer 1

如果您想检查事件期间是否按下了鼠标主按钮wheel，可以使用以下命令：

addEventListener('wheel', function (event) {
  if (event.buttons & 1) {
    alert("You scrolled while the primary mouse button was down!");
  }
}

不幸的是，如果您使用具有该属性的拖放 APIdraggable='true'，wheel并且scroll在拖动期间不会触发事件，那么您将无法触发和处理事件scroll。