HTML5拖放，在Dragstart之后不會觸發Mousewhell事件

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

由於我使用的是https://github.com/bevacqua/dragula的端口，因此最終使用ng2-dragula

HTML5拖放，在Dragstart之后不會觸發Mousewhell事件

問題描述

1 個解決方案

解決方案1
0 已采納 2017-02-19 09:56:31

HTML5拖放，在Dragstart之后不會觸發Mousewhell事件

問題描述

1 個解決方案

解決方案1 0 已采納 2017-02-19 09:56:31

解決方案1
0 已采納 2017-02-19 09:56:31