javascript - 拖放和鼠标滚轮？

Question

简短版:可以在拖放操作过程中触发鼠标滚轮事件吗？

长版:

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

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

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

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事件。