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>

Answer 2

您还需要添加dragover事件才能使其正常工作。

例如：

$('.dropuploader').on('dragover', function (e) {
    e.stopPropagation();
    e.preventDefault();
});

请参阅此jsfiddle：http://jsfiddle.net/jwa3q/

有关拖动事件的更多信息，请访问：https://developer.mozilla.org/en-US/docs/DragDrop/Drag_Operations

当我在div上删除图像时为什么页面被重定向

2 个答案: