我正在使用 Google Swiffy 动画,这些动画包含在<div>
s 中,涵盖了我们文档的整个区域。这些动画有好几层。大部分动画是透明的,但我们没有裁剪掉空白的选项。比如我们的web应用是1000px x 500px
,有几层动画<div>
,绝对定位在0、0,也是1000px x 500px
。
在动画层之下,有交互式控件、按钮和链接。在许多浏览器上,当然不包括 IE,我们可以简单地使用 CSSpointer-events: none;
样式,点击直接通过动画传递到控件。但是,仍有少数客户使用 IE,因此我们需要支持他们。
我一直在尝试document.elementFromPoint();
,但是,它只给了我动画 div 本身。使用 parentNode 退出该 div 似乎也没有帮助,因为没有转换点。我真的需要像 ActionScript 的 localToGlobal() 这样的东西。
有没有办法在使用时忽略所有这些动画 div,elementFromPoint
以便我可以识别预期的点击目标?