javascript - 当我用 JavaScript 在 Chrome 浏览器上拖放图片时，如何防止打开新标签页？

Question

我已经为我的 React 应用程序实现了拖放功能。但是当我将图像拖放到应用程序中时。它总是打开新标签，但无论如何拖放工作正常。我只需要阻止打开新标签页。

Answer 1

您应该在所有 dragover 和 drop 事件处理程序上添加 preventDefault()。示例:

window.addEventListener("dragover",function(e){
  e = e || event;
  e.preventDefault();    <=================
},false);
window.addEventListener("drop",function(e){
  e = e || event;
  e.preventDefault();    <=================
},false);

More Useful link here for React

Here is the same question for drag and drop