jQuery拖放在firefox中不起作用，但在chrome和IE中起作用

Question

        jQuery("#image-div").on('dragleave',function(e){
            document.getElementById("image-div").style.borderColor = "#E6E6E6";
            return false;
           });
        jQuery("#image-div").on('dragover',function(e){
            document.getElementById("image-div").style.borderColor = "#9B9999";
            return false;
           });
        jQuery("#image-div").on('drop',function(e){
            event.preventDefault && event.preventDefault();
            var files = event.dataTransfer.files[0];
            if (files.type.match("image.*"))
            {
            var fileReader = new FileReader();
            fileReader.onload = function (event)
            {
                uploadImage(event.target.result);
            }
            fileReader.readAsDataURL(files);
            } 
            return false;
           });

不知道我的代码出了什么问题。 它适用于Chrome和IE。 当Ii放下图像时，我需要将其放到div中，而是在选项卡中打开。

Answer 1

因为您将事件定义为e，但是使用window.event。

 jQuery("#image-div").on('drop',function(e){ <-- e
   event.preventDefault && event.preventDefault(); <-event

Answer 2

一件事只是看您的代码，我认为您需要使用e代替事件，除非您引用的事件范围超出了我无法看到的范围。