質問
2019年7月4日木曜日 1:46
制作中のWebGLアプリでドラッグ操作した場合に、
ドロップ禁止アイコン？（白地に赤で一時停止マーク）がカーソル位置に表示されて困っています。
IE11や他社ブラウザ、少し前のバージョンのEdgeでは発生しません。
先輩諸氏の皆様、どうかアドバイスお願いします。
CSS？or イベントバブリングで対応が必要？
追記：
・Pixi.js利用。canvas要素上でのドラッグ操作時に発生。
投稿先が適切でない場合は、ご指摘ください。
すべての返信 (2)
2019年7月4日木曜日 2:05 ✅回答済み | 1 票
一般論として言えば、Drag Feedback の画像を指定することは可能ですが、禁止マークが出るということはそのエリアがそもそも draggable true になっていないのではないかとも考えられます。
可能であれば現象が再現できる最小化したサンプルコードを示すか、動作確認できるサンプルサイトを示してください。
参考
- https://developer.mozilla.org/ja/docs/Web/API/HTML_Drag_and_Drop_API
- https://developer.mozilla.org/ja/docs/DragDrop/Drag_Operations
投稿先についてはここでも問題ありませんが、この手の内容で一番活発なのは英語版の stackoverflow のように感じます。
Hebikuzure aka Murachi Akira
2019年7月5日金曜日 6:21
Hebikuzure aka Murachi Akira様
ご返答が遅くなってしまい申し訳ありません。
社内ライブラリを公開せずにサンプルを作成することが工数的に難しいため、アドバイス頂いたdraggableフラグやDrag Feedback の画像の指定で試してみます。
ご助言、ありがとうございました。