Javascript 从文件资源管理器拖放到不在chrome上工作的div

我正在尝试将文件从Windows文件资源管理器拖放到div。我有一些代码是在研究人员的帮助下编写的（主要是在stackoverflow上），我在IE、FireFox和Chrome上进行了测试。该代码适用于IE和FireFox，但不适用于Chrome。。。我做错什么了吗？以下是我的javascript：

var _enableDragAndDrop = function () {

        if (_isAdvancedUpload.call(this)) {
            $(".excelDragAndDropContainer")
                .on("dragover", _preventDefault.bind(this))
                .on("dragenter", _preventDefault.bind(this))
                .on("drop", function () {
                    var test = 0;
                });
        }
        else {
            $(".dragHere").addClass("hidden");
        }
    };

var _isAdvancedUpload = function () {
        var div = document.createElement('div');
        return (('draggable' in div) || ('ondragstart' in div && 'ondrop' in div)) && 'FormData' in window && 'FileReader' in window;
    };

var _preventDefault = function (e) {
        e.preventDefault();
        e.stopPropagation();
    };

澄清：我所说的“不工作”是指在chrome中，当我在屏幕上拖动文件时，会得到一个“禁止圈”符号，它甚至没有达到

\u preventDefault

功能，而在IE/FireFox中，一旦我拖动到div中，它就会触发

\u preventDefault

功能