Javascript Html5拖放，dragstart后不触发Mousewell事件
我有一个应用程序，我正在做html5拖放分类，所以用户可以采取分类和移动到他想要的地方 一切正常，但有时类别列表很大，如果用户需要向下移动，他们希望使用鼠标滚轮滚动，但问题是dragstart后不会触发此事件Javascript Html5拖放，dragstart后不触发Mousewell事件,javascript,html,angular,typescript,drag-and-drop,Javascript,Html,Angular,Typescript,Drag And Drop,我有一个应用程序，我正在做html5拖放分类，所以用户可以采取分类和移动到他想要的地方 一切正常，但有时类别列表很大，如果用户需要向下移动，他们希望使用鼠标滚轮滚动，但问题是dragstart后不会触发此事件 <!DOCTYPE html> <html> <head> <script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) {
<!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>
<!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>
功能allowDrop（ev）{
ev.preventDefault（）；
}
功能阻力（ev）{
ev.dataTransfer.setData（“文本”，ev.target.id）；
}
文件.附录列表（“轮子”，功能（e）{
控制台日志（e）；
}，假）；
拖我
你能创建一个JSFIDLE来演示吗？@guest271314打开控制台，然后开始拖动div，按住鼠标并尝试使用滚轮，你将看不到打印出来的事件如何与
dragstartwheel