2011-06-20 12 views
3

Raphael JSのイベントバブリングをシミュレートする方法はありますか?私はアイコンを入れたい円形のオブジェクトをいくつか持っていますが、アイコンを上に置くと、サークルのすべてのイベント処理(ホバー、クリック、ドラッグ)がうまくいきません。アイコンはホバー、代わりにイベントをドラッグします)。Raphael JSイベントバブリング

私はいくつかのオプションを考えましたが、そのほとんどは非常に面倒です(すべての種類のイベントハンドラをクロスコールしてアイコンとボタンを同期させようとしています) 1つのボタンとして一緒にアイコンと円を「グループ化する」。より簡単な方法は、サークル+ボタンを画像そのものにすることですが、ボタンの色を動的に変更して、画像の色を手動で変更する手間を省くことができるようにしたいと考えています。

これを行うにはもっと良い方法はありますか?

+0

同じ問題が発生し、 'set'オブジェクトはイベントのバブリングを処理しません。解決策を聞いてほしい。 –

答えて

0

あなたはzオーダーでより高く、所望の領域をカバーする大きな透明な形状を作ることを考えましたか?

+0

この方法の問題点は、追加の技法を使用しなくても基本的な項目を「同期」できないことです。 –

+0

私はこのアプローチも試みました。ラファエルのイベントは発生しましたが、紙がhtml要素をオーバーレイしているため、基本要素はイベントを取得しません。 – ShaggyInjun

0

私はこれに取り組んで名前付きセットを可能ラファエルに対するパッチを持ってきた:あなたのホバー機能で要素の集合のメンバーシップを検査することによってRaphael JS: how to use jQuery selectors on objects in IE?

で私の答えを参照してください、あなたは簡単に他の要素を操作することができます同時に設定します。これはイベントバブルではありませんが、ブラウザ間で互換性のある方法で同じ目標を達成します。

関連する問題