svg
画面の中央に、D3ドラッグ動作を使用していくつかのSVG要素を移動する領域があります。の下に、次のようなsvg
いくつかのオプションがあります。div
<div id="gui-options">
<div onclick="sortCards()">
<span>Sort cards</span>
</div>
...
</div>
svg内のいくつかの要素をドラッグしたとき、トリガーするには2回クリックする必要がありますsortCards()
。ファーストクリックは登録されていません。の実装はsortCards()
、この問題にとって重要ではありません。
DOMの準備ができた後でクリックハンドラーを追加しようとしましたが、違いはありません。
ドラッグ機能が無効になっている場合、この問題は発生しません。オプションを2回クリックすると、1回クリックするだけで他のオプションを切り替えることができます。しかし、いくつかの要素をドラッグする場合、「フォーカスを変更」するには2回のクリックが必要です。
ソリューションが隠れている可能性のある場所について何か提案はありますか?