zIndex点击事件

Question

我的应用程序的面板具有默认的zIndex：0。当用户点击此面板时，此面板正在收集x，y坐标。当某些坐标匹配时，此面板中有一个子项目，其中包含zIndex：2。当第二个面板处于活动状态时，它会阻碍下面zIndex：0面板的完整视图。在此阶段，第二个面板需要用于下面面板的水龙头。

我需要能够仅在zIndex：0面板上收集水龙头。 zIndex：2面板上的任何点击都应该被忽略或传递给它下面的面板。如何让zIndex：2面板忽略任何点击并只有zIndex：0面板来响应点击？

任何帮助都非常感激。

// coordinates panel
xtype: panel,
zIndex: 0,
items:[
   {
     // second panel
      xtype: panel,
      zIndex: 2
   }
]

Answer 1

您应该在第二个面板上使用CSS属性pointer-events: none

阅读本文以获取更多信息：CSS pointer events to allow clicks on underlying elements

希望这有帮助