2

マウス イベント (クリック、ホバー、スクロールなど) を 2 つの異なる div に登録する方法はありますか?

私は現在、リーフレット マップ (知らない人にとっては Google マップに似ています) とその上に重ねられたキャンバス要素 (Processing を実行) の両方を使用するアプリで遊んでいます。今のところ、何もしないでキャンバス要素にイベントを登録するか、キャンバスに CSS を与えることでイベントをマップに登録することができますpointer-events:none;。

両方をクリックする簡単な方法はありますか?

別の方法として、クリックでどちらか一方に到達する領域を定義することもできます。具体的には、透明なキャンバス領域をクリックして通過させたいのですが、不透明なキャンバス領域はキャンバス内でクリックを登録します。

4

1 に答える 1

0

.click()クラスを設定し、または何でも呼び出してから、アクションをクラスに設定できます

$(".className").click(function(){ Your Action here });

アクションはあなたが望むものであり、次のような両方のdivに影響を与えることさえできます:

$(".className").html('Affected DIVS!');

次に、両方のDIVSでクラス名を設定するだけです...

<div class="className">

さらに...到達できないDIVの可能性があります。つまりtrigger()：.click()

$('.className').trigger('click');

trigger()結論として、イベントを使用して同じアクションを呼び出すことができます: .click()div 1trigger() .click()で div 2.hover()でオン。div 1 でオン。div 2 でtrigger() .hover()オン。スクロールなどで。など。

于 2012-11-15T04:04:34.030 に答える