爲什麼拖放不工作html5？

Question

我想將一個文件拖入我的頁面正文並彈出一個警告框。爲什麼事件不會被抓到？

在我的腳本標籤：

jQuery.event.props.push('dataTransfer'); 
    $("body").on('drop', function(event) { 
     alert("Drop"); 
     event.preventDefault(); 
     var files = event.dataTransfer.files; 

    }); 

$("body").on("dragover", function(event) { 
    return false; 
});  

jQuery的2.X包括和chrome瀏覽器上運行。當我將我的資源管理器窗口中的圖像拖入瀏覽器窗口時，它只是將URL替換爲圖像的位置並顯示圖像。

Answer 1

您需要內$(document).ready(...包括您的活動：

$(function(){ 
    jQuery.event.props.push('dataTransfer'); 
    $("body").on('drop', function(event) { 
     alert("Drop"); 
     event.preventDefault(); 
     var files = event.dataTransfer.files; 

    }); 

    $("body").on("dragover", function(event) { 
     return false; 
    }); 
});