Umleitungen auf Drag-Bild oder Link

Question

Das Problem ist folgendes:

ich einen tinymce Editor bin mit (nicht mit dem Problem zu tun) und ein externes Bild Manager aplication. Wir verwenden die Drag-Funktion & für Benutzer, um das Bild einfach aus dem Image-Manager in den Content-Bereich von ynymce zu ziehen.

Es gibt jedoch ein Problem, wenn der Benutzer das Bild versehentlich aus dem Inhaltsbereich zieht. Der Browser öffnet den Link in dem Fenster, in das er gezogen wurde, und verliert dabei die Form, die der Benutzer vor sich hatte.

Ich frage mich, ob es eine Möglichkeit gibt, dieses Link-Drop-Ereignis zu fangen, um die Weiterleitung im Browser zu deaktivieren. Wenn Sie das Problem sehen möchten, lassen Sie einfach zwei Fenster geöffnet und ziehen Sie ein Bild von einem Fenster zum anderen.

Die Lösung kann auch HTML/CSS wenn möglich, nicht notwendig in JS sein.

Answer 1

Verwenden Sie ein Ereignis onbeforeunload auf dem Körper. Im Grunde erscheint ein Dialog, der sagt (Sie geben den String an), "Möchten Sie die Seite wirklich verlassen?". Wenn sie auf Abbrechen klicken, bleiben sie auf der aktuellen Seite. StackOverflow selbst (unter anderen Sites) verwendet diese Technik.