1

我正在开发 sencha touch 2。我有一个面板和一些图像。我想在面板的水龙头上触发一个动作。图像放置在面板的顶部。这些图像仅用于样式目的。当我点击面板时，我可以使用以下方式触发操作：

{
   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();

这会做什么？

如果事件可取消，则取消该事件，而不停止事件的进一步传播。

意味着您的面板可以处理此事件。

使用事件代表也有一种不同的方法，请通过下面的链接

@sencha中的事件委托

谢谢

于 2012-12-03T11:42:27.437 回答