拖放和鼠标滚轮？

Question

简短版本：在拖放操作过程中是否可以触发鼠标滚轮事件？

长版：

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

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

所以在我深入研究代码之前，我需要知道在拖动过程中是否真的可以接收鼠标滚轮事件，如果是这样，我应该在哪里添加监听器？

Answer 1

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

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

不幸的是，如果您将Drag and Drop API与draggable='true'属性一起使用，则在拖动过程中不会触发wheel和scroll事件，因此您将无法触发并处理scroll事件。