在 JS 中拖放图像

Drag and drop an image in JS?

本文关键字:图像 拖放 JS      更新时间:2023-09-26

我正在制作拖放上传器,这是我的拖放代码:

var doc = document.documentElement;
    doc.ondragover = function () {  return false; };
    doc.ondragend = function () {  return false; };
    doc.ondrop = function (event) {
      event.preventDefault && event.preventDefault();
      // now do something with:
      var files = event.dataTransfer.files;
      return false;
    };

问题是,当我拖放图像时,它会加载到新页面中。我哪里出错了?

你调用 event.preventDefault() 两次。 将其中一个更改为 event.stopPropagation();