Question

我有应用程序，我正在做html5拖放类别排序，所以用户可以采取类别并移动到他想要的地方。

一切都很好，但有时类别列表很大，如果用户需要将其向下移动，他们想使用鼠标滚轮滚动，但问题是在dragstart之后不会触发此事件。

PS。是的，如果光标移动到底部，那么浏览器将滚动但在我的应用程序用户体验问题，因为有时他们正在排序大约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>

Answer 1

使用ng2-dragula结束，因为我使用的是角度为的端口 https://github.com/bevacqua/dragula

在dragstart之后不会触发Html5拖放，Mousewhell事件

1 个答案: