无法拖放

Question

我正在尝试创建拖放文件上传器Demo。

以下是js文件：

<script type="text/javascript">
    var selectedFiles;

    $(document).ready(function () {
        debugger;
        var box;
        box = document.getElementById("box");
        box.addEventListener("dragenter", OnDragEnter, false);
        box.addEventListener("dragover", OnDragOver, false);
        box.addEventListener("drop", OnDrop, false);

        $("#upload").click(function () {
            var data = new FormData();
            for (var i = 0; i < selectedFiles.length; i++) {
                data.append(selectedFiles[i].name, selectedFiles[i]);
            }

            var data = {
                url: formatWebServiceURL("DefendantInfo.asmx", "ProcessRequest"),
                Parameter: data,
                callBackFunction: Test
            };
            ajaxformSubmit(data);
        });

    });

    function Test(result) {
        alert(result);
    }

    function OnDragEnter(e) {
        e.stopPropagation();
        e.preventDefault();
    }

    function OnDragOver(e) {
        e.stopPropagation();
        e.preventDefault();
    }

    function OnDrop(e) {
        e.stopPropagation();
        e.preventDefault();
        selectedFiles = e.dataTransfer.files;
        $("#box").text(selectedFiles.length + " file(s) selected for uploading!");
    }
</script>

及以下是用户控件中的html代码：

 <div style="text-align: center;" >
                        <div id="box">Drag & Drop files from your machine on this box.</div>
                        <br/>
                        <input id="upload" type="button" value="Upload Selected Files" />
                    </div>

问题在于，每当我尝试拖动应用程序中的文件时，它都不允许我显示以下标志：

更新

浏览器测试无效：IE11，Firefox。

浏览器测试了哪些正在运行：Chrome

这是一个浏览器问题