ページには、さまざまなドロップ ゾーンにドラッグできるさまざまな要素があります。ただし、テキストエリアの場合、別のゾーンに適したドラッグ可能な画像がテキストエリアにドロップされない可能性があることをユーザーに示す方法が見つかりません。
ondragenter および ondragover イベントを処理するあらゆる種類の組み合わせを試しましたが、画像がテキストエリアにドラッグされたときに「ドロップなし」アイコンを表示することは不可能でした。
ドロップ ゾーンにすべてを受け入れるようにする方法については、チュートリアルとヒントがたくさんあります。特にドロップゾーンとテキストエリアでドラッグアイテムを拒否する方法を知りたいです。その画像を受け入れる必要がある他のゾーンがあるため、アイテムのドラッグ動作を切り替えることはオプションではありません。
この JS フィドルは、デフォルトで画像をテキストエリアにドラッグすると、URL が表示されることを示しています。それを止める方法を教えてください。
function dragstart(event) {//stuff}
function dragenter(event) {event.preventDefault();}
function dragover(event) {event.preventDefault();}
function dragdrop(event) {event.preventDefault();}