jquery - 为什么当我将图像放在 div 上时页面被重定向

Question

我正在使用 jquery 1.9。我在使用拖放实现上传图像时遇到问题，但是当我将图像拖放到 div 中时，它会重定向并在浏览器中打开图像，我在 jsfiddle 中实现了代码。请检查并告诉我它被重定向的原因是什么问题

这是我下面的代码

$(document).on('ready',function(){
    jQuery.event.props.push('dataTransfer');
    $('.dropuploader').bind('drop', function(e){
        $(this).css({'box-shadow' : 'none', 'border' : '4px dashed rgba(0,0,0,0.2)'});
        alert("hello there");
        return false;
    });
    $('.dropuploader').bind('dragenter', function(e){
        $(this).css({'box-shadow' : 'inset 0px 0px 20px rgba(0, 0, 0, 0.1)', 'border' : '4px dashed #bb2b2b'});
        return false;
    });

});

Answer 1

你错过了 ondragover="return false" 使用下面的 div html

<div class="dropuploader" ondragover="return false">Upload here</div>>

代替

<div class="dropuploader">Upload here</div>