none
ドラッグ操作時のドロップ禁止アイコンの消し方 RRS feed

  • 質問

  • 制作中のWebGLアプリでドラッグ操作した場合に、

    ドロップ禁止アイコン?(白地に赤で一時停止マーク)がカーソル位置に表示されて困っています。

    IE11や他社ブラウザ、少し前のバージョンのEdgeでは発生しません。

    先輩諸氏の皆様、どうかアドバイスお願いします。

    CSS?or イベントバブリングで対応が必要?

    追記:

    ・Pixi.js利用。canvas要素上でのドラッグ操作時に発生。


    投稿先が適切でない場合は、ご指摘ください。

    2019年7月4日 1:46

回答

すべての返信

  • 一般論として言えば、Drag Feedback の画像を指定することは可能ですが、禁止マークが出るということはそのエリアがそもそも draggable true になっていないのではないかとも考えられます。

    可能であれば現象が再現できる最小化したサンプルコードを示すか、動作確認できるサンプルサイトを示してください。

    参考

    投稿先についてはここでも問題ありませんが、この手の内容で一番活発なのは英語版の stackoverflow のように感じます。


    Hebikuzure aka Murachi Akira

    2019年7月4日 2:05
    モデレータ
  • Hebikuzure aka Murachi Akira様

    ご返答が遅くなってしまい申し訳ありません。

    社内ライブラリを公開せずにサンプルを作成することが工数的に難しいため、アドバイス頂いたdraggableフラグやDrag Feedback の画像の指定で試してみます。

    ご助言、ありがとうございました。

    2019年7月5日 6:21