爲什麼頁面被重定向時，我把圖像放在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>> 

inst ead of

<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