1

私はsenchatouch2に取り組んでいます。パネルといくつかの画像があります。パネルのタップでアクションを起動したい。画像はパネルの上部に配置されます。これらの画像は、スタイリングの目的でのみ使用されます。パネルをタップすると、次を使用してアクションを実行できます。

{
   xtype : 'panel',
   listeners:{
     painted:function(ele){
           ele.element.on('tap',function(){
               console.log('you clicked panel');
         });
   }
  }
},

ただし、このパネルの上部には画像があるため、このアクションを実行するには、画像がない場所をタップする必要があります。

 {
                     xtype : 'img',
                     src : 'resources/images/landingImages/a1.png',
                     id : 'a1Image',
                     mode : 'element',
                     width:220,
                     height:240,
                     top:0,
                     left:60

                },

パネル上で画像が重なっている場合でも、このイベントを発生させる方法はありますか?同じ画像が2つの異なるパネルに広がっているため、画像タップで関数を再度呼び出すことはできません。どんな助けでも大歓迎です。

4

1 に答える 1

0

私があなたの問題を正しく理解したなら

画像のタップ偶数ハンドラーを追加でき、その中に

あなたは呼び出すことができます event.preventDefault();

これは何をしますか?

イベントの伝播を停止せずに、キャンセル可能な場合はイベントをキャンセルします。

パネルがこのイベントを処理できることを意味します。

イベントデリゲートを使用して別の方法でそれを行う方法もあります。以下のリンクを参照してください

@煎茶のイベント委任

ありがとう

于 2012-12-03T11:42:27.437 に答える