似乎使用 <svg:svg> </svg:svg>元素在 Safari 或 Chrome 中不呈现任何内容，但使用 <svg> </svg>工作正常。但是，添加 onclick仅适用于 <svg:svg>元素。执行此操作的正确方法是什么？
This jsfiddle演示问题(将 Safari/Chrome 与 Firefox 进行比较)。
最佳答案
您甚至不必在 SVG 周围放置容器。
您只需要为 SVG 本身定义一个 position: relative 即可解决点击触发问题。
这是一个 fork 的 Fiddle 展示它:http://jsfiddle.net/jpsirois/xnw1tbL7/
关于javascript - 单击 <svg> 元素上的处理程序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16502015/