pointer-events：none不起作用 [英] pointer-events:none does not work

问题描述

您好

在我的地铁应用程序中，我有2个重叠的元素，我不希望顶部元素接收"手势"/"点击"事件而不是希望它传递给下层元素。（2个元素不是父元素和子元素）

In my metro app,I have 2 overlapping elements and I don't want the top element to receive the "gesture"/"tap" events and instead want it to pass through to the lower element.(The 2 elements are not parent and child)

我将top元素的CSS设置为 

I am setting the CSS of top element to 

指针事件：无;

-ms-touch-action：none（安全）

-ms-touch-action : none(for safety)

但仍然是我的倾听者顶部元素被触发。请建议如何禁用它。

but still my listener for the top element is getting triggered.Please suggest how to disable it.

推荐答案

  >>请建议如何禁用它。

  >> Please suggest how to disable it.

甚至Mozilla已经确认非SVG元素上的指针事件已经推迟到CSS 4，即使CSS 3还没有最终确定。目前Metro支持CSS 3.我建议您查看 https://developer.mozilla.org/en / CSS /指针事件
获取一些证据。

Even Mozilla has confirmed pointer-events on non-SVG elements has been postponed to CSS 4, even CSS 3 is not finalized yet. Currently Metro supports CSS 3. I would like to suggest you to check https://developer.mozilla.org/en/CSS/pointer-events for some evidence.

最好的问候，

Ming Xu。

这篇关于pointer-events：none不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！