html – SVG无法识别指针事件：无

发布时间：2020-12-14 22:49:24 所属栏目：资源来源：网络整理

导读：我有一个带有透明背景图像集的顶层,并希望忽略所有指针事件.所以最初我设置了哪个工作得很好,但后来我发现IE不支持这个. 进一步阅读我发现有几个地方说IE确实支持指针事件：无,但我不能让它工作(我从来没有使用过SVG标签,所以我可能做错了). 请看这个我希

我有一个带有透明背景图像集的顶层,并希望忽略所有指针事件.所以最初我设置了< div style =“pointer-events”>< / div>哪个工作得很好,但后来我发现IE不支持这个.

进一步阅读我发现有几个地方说IE确实支持< svg>指针事件：无,但我不能让它工作(我从来没有使用过SVG标签,所以我可能做错了).

请看这个我希望实现的非常简化的小提琴. http://jsfiddle.net/AGVTM/

最佳答案

根(最顶层)< svg> element不支持pointer-events：none.这背后的原因是它可能是一个安全漏洞,您可以使用SVG覆盖Facebook Like按钮,并让点击通过,例如http://jsfiddle.net/rVxTn/

如果SVG元素不是root,那么点击应该通过.此示例应适用于IE9(未经测试)

http://jsfiddle.net/DLEsn/

但是,这并不能解决您的问题,因为您无法将HTML元素放在SVG元素中.

我以前多次遇到这个问题,我不得不以不同的方式解决它.我建议你用实际问题(以及可能的截图)打开一个新问题,看看如何解决这个问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!