Javascript Can'；t在拖动事件期间启动新的jquery函数

我注意到CSS悬停函数在从页面外部拖动元素时不会触发。我希望有一个“drop it here”div，当鼠标悬停在它上面时它会亮起，但hover不起作用，这也不起作用：

    // Cosmetic thing
    $('#dropzone').on({
        dragover: function(e) {
            $('#dropzone').addClass('on');
        },
        dragleave: function(e) {
            $('#dropzone').removeClass('on');
        }
    });

我可以在inspector中看到正在添加该类，但它没有亮起

我还尝试关闭我的弹出下拉区域，在拖动时出现mousemove事件，但该事件似乎在我放开鼠标后才起作用：

        $(document).on('mousemove',function(e){
            console.log('x:'+e.pageX+' y:'+e.pageY);
            if (e.pageX <= 0 || e.pageX > $(document).width() || e.pageY <= 0 || e.pageY > $(document).height())
            {
                dropperOff();
                $(document).unbind('mousemove');
            }
        });

$（document）.on（'mousemove'，函数（e）{
console.log（'x:'+e.pageX+'y:'+e.pageY）；
if（e.pageX$（document.width（）| | e.pageY$（document.height（））
{
dropperOff（）；
$（文档）.unbind（'mousemove'）；
}
});

最后，我尝试创建一个常量mousemove跟踪事件，该事件始终填充mouseX和mouseY变量。当我移动鼠标时，它可以正常工作，但一旦dragenter事件触发，mousemove事件也会停止工作

---

这种行为使得页面很难正常工作。有没有办法解决这个问题，或者我必须放弃让我的dropzone点亮并在拖动事件离开页面时进行检测？

是“the”dropzone.js吗？没有。只是一个ID为“dropzone”的div。那么，你的CSS是什么？如果您的类被正确添加，那将是下一个逻辑位置