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;
    }); 
});

为什么拖放不工作html5？

1 个答案: