SVG 检测“填充：无”上的 Onclick 事件

Posted 2023-02-23

技术标签:

【中文标题】SVG 检测“填充：无”上的 Onclick 事件【英文标题】：SVG Detect Onclick events on "fill: none" 【发布时间】：2012-09-08 17:28:04 【问题描述】：

当我使用 fill: black 创建一个 svg 矩形时，我的 onclick 事件处理程序被调用。

当我将fill: black 替换为fill: none 时，当我在矩形内单击时不会调用我的事件处理程序，而只会在我单击矩形的边框时调用。 p>

我需要进行哪些更改才能检测到点击矩形内部的点击事件？

【问题讨论】：

【参考方案1】：

这由pointer-events 属性控制。看起来您想将其设置为可见

<rect pointer-events="visible" ...>

【讨论】：

以上是关于SVG 检测“填充：无”上的 Onclick 事件的主要内容，如果未能解决你的问题，请参考以下文章