我有一个应用程序，我在其中进行 html5 拖放以进行类别排序，因此用户可以选择类别并移动到他想要的地方。
一切都很好，但有时类别列表很大，如果用户需要将其向下移动，他们想使用鼠标滚轮滚动，但问题是在 dragstart 之后没有触发此事件。
附言。是的，如果光标移动到底部，那么浏览器将滚动，但在我的应用程序中，用户体验很重要，因为有时他们要对大约 50 个类别进行排序，这会花费很多时间
这里是示例代码，如果您开始拖动鼠标上的 div 和滚轮 没有打印出 到控制台，这意味着没有触发该事件。
<!DOCTYPE html>
<html>
<head>
<script>
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
}
document.addEventListener("wheel", function(e){
console.log(e);
}, false);
</script>
</head>
<body>
<div id="drag1" draggable="true"
ondragstart="drag(event)" width="336" height="69" style=" border: 1px solid #aaaaaa;">Dragg me</div>
</body>
</html>
最佳答案
最终使用了 ng2-dragula，因为我使用的是 angular，它是 https://github.com/bevacqua/dragula
关于javascript - Html5 拖放，dragstart 后不触发 Mousewhell 事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41496400/