ドラッグイメージまたはリンクのリダイレクトを無効にします

Question

問題は次のとおりです。

私はtinymceエディタ（問題に関係しません）と外部イメージマネージャを使用しています。私たちはユーザーにドラッグ機能を使用して、画像マネージャから画像をドラッグしてコンテンツ領域にドラッグします。

しかし、ユーザーが意図せずに画像をコンテンツ領域の外にドラッグすると問題が発生します。ブラウザはドラッグされたウィンドウ内のリンクを開き、ユーザが自分の前に持っていたフォームを失います。

このリンクドロップイベントをキャッチしてブラウザでリダイレクトを無効にする方法があるのだろうかと思います。問題を見るには、2つのウィンドウを開き、あるウィンドウから別のウィンドウに画像をドラッグします。

解決策は可能であればhtml/cssでもかまいませんが、JSに入れる必要はありません。

Answer 1

身体にonbeforeunloadイベントを使用してください。基本的には、（あなたは文字列を指定して）「あなたはそのページを残してよろしいですか？」というダイアログをポップします。 [キャンセル]をクリックすると、現在のページに残ります。 StackOverflow自体（他のサイトの中でも）はこのテクニックを使用します。