4

svg:text要素のマウス イベントを取得しようとしています。私が気づいたのは、それは機能しますが、 、、および.on("click", ...)のような他のイベントは機能しないということです。"mouseover""mousemove""mouseout"

Health & Wealth of Nations の例を見ると、テキストを非表示でオーバーレイし、svg:rect代わりにイベントを割り当てるというアプローチが取られていることがわかります。シンプルな箱が一つあればいいのですが、複数あると面倒でごちゃごちゃになりそうです。

テキストのマウス ホバー イベントを処理する標準的な方法はありますか?

できるだけ具体的にするために、タグ クラウドを用意して、各タグのホバー イベントを取得しようとしています。おそらく s でそれを行うだけで完了できますが、SVG コンテナー内でdiv簡単に行う方法があるかどうか疑問に思っています。

4

1 に答える 1

6

イベントをテキスト要素に割り当てる際の問題は、イベントが実際のテキストでのみ発生すること、つまり境界ボックスでは発生しないことだと思います。ただし、理論的には機能するはずです (少なくとも、この点でテキストの特別な処理については知りません)。機能しない具体的な例を挙げていただけますか?

各テキスト要素を要素内に配置しsvg:g、イベント ハンドラーをそれにアタッチすることもできます。

于 2012-08-03T22:02:43.323 に答える