当我在 JavaScript 中将图像拖放到 Chrome 浏览器上时，如何防止打开新标签页？

Posted 2023-05-08

【中文标题】当我在 JavaScript 中将图像拖放到 Chrome 浏览器上时，如何防止打开新标签页？

【英文标题】：How to prevent to open new tab when I drag and drop image on the Chrome browser in JavaScript?

【发布时间】：2021-07-31 16:48:16

【问题描述】：

我已经在我的 React 应用中实现了拖放功能。但是当我将图像拖放到应用程序中时。它总是打开新标签，但无论如何拖放都运行良好。 我只需要阻止打开新标签。

【问题讨论】：

这能回答你的问题吗？ Prevent browser from loading a drag-and-dropped file

【参考方案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 Usefull link here for React

Here is the same question for drag and drop