jquery - 为什么拖放不起作用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;
    }); 
});