Iva*_*kov 5 html javascript events svg dom-events
我正在使用https://www.npmjs.org/package/grunt-svgstore将多个SVG编译为一个,并将它们与以下代码一起使用:
<svg id="button"><use xlink:href="#svg-test"></use></svg>
我用CSS设置样式(宽度,高度,填充等)。
问题是当我要附加javascript事件(例如单击)时。该问题在Firefox上不存在,所有其他浏览器都难以处理该事件。有时可以。
在我这里使用的笔中,它根本不起作用:http : //codepen.io/IvanDokov/pen/IcvbB
我看到CodePen使用相同的技术,并且它们具有作为svg和div包装器的按钮。div绝对位于svg上方,实际上您无法单击svg且事件正常运行。
有没有一种方法可以避免这种攻击。我不想在里面放一个额外的包装和一个div。