javascript - 禁用拖动图像或链接的重定向

标签 javascript css events event-handling

问题如下:

我正在使用 tinymce 编辑器(与问题无关)和外部图像管理器应用程序。我们为用户使用拖放功能,将图像从图像管理器拖到 tinymce 内容区域。

但是,当用户无意中将图像拖到内容区域之外时,就会出现问题。浏览器在链接被拖动到的窗口内打开链接,丢失用户面前的表单。

我想知道是否有某种方法可以捕获此链接删除事件,以禁用浏览器中的重定向。如果您想查看问题,只需打开 2 个窗口,然后将图像从一个窗口拖到另一个窗口。

如果可能,解决方案也可以是html/css,不一定是JS。

最佳答案

使用 onbeforeunload body 上的事件。基本上,它会弹出一个对话框(您指定字符串),“您确定要离开页面吗?”。如果他们单击“取消”,他们将停留在当前页面上。 StackOverflow 本身(以及其他网站)使用了这种技术。

关于javascript - 禁用拖动图像或链接的重定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/906884/

相关文章:

如果用户在线,JavaScript 隐藏 <li> 标签

javascript - 表内的 Jquery 依赖下拉菜单

javascript - MapView - 图标放置在彼此之上

html - 如何使 YouTube 嵌入式视频成为整页宽度的视频?

java - swing组件和awt事件的问题

javascript - 非 Flash 翻页书 [跨浏览器]

javascript - Java 和 Javascript 之间的加密和解密将不起作用

css - ionic 中具有不同尺寸图像的卡片

javascript - 如何在 JavaScript 中选择和迭代共享一个 CSS 类的单个 <div> 的子元素?

winapi - 在 Windows 7 下检测连接或移除的外部显示器