Javascript SVG中的Catch set属性事件?

Javascript SVG中的Catch set属性事件?,javascript,jquery,svg,Javascript,Jquery,Svg,我有一个SVG文档,其中包含一个文本元素。文本是不可见的,并通过 <set attribute.../> 如果我单击另一个名为play的SVG元素循环 <svg> ... <circle id="play" onclick="document.documentElement.unpauseAnimations()" ... /> <text id="ergsum0" fill="#000000" visibility="hidden" x="

我有一个SVG文档,其中包含一个文本元素。文本是不可见的,并通过

<set attribute.../> 
如果我单击另一个名为play的SVG元素循环

<svg>
 ...

<circle  id="play" onclick="document.documentElement.unpauseAnimations()" ... />

<text id="ergsum0" fill="#000000" visibility="hidden" x="10" y="385"      font-size="22">Ergebnis = <tspan fill="#FF0000" font-size="22">1</tspan>
<set attributeName="visibility" from="hidden"  to="visible" begin="play.click"  />

 ...
 </svg>
是否可以通过Java/ECMA脚本捕获set属性事件?也就是说,如果文本设置为可见,则会触发某个事件并触发另一个JavaScript函数的调用

我可以通过JavaScript设置属性,比如

var target=document.querySelector'ergsum0'; setAttribute'visibility','true'

可以通过一个变种观察者捕捉到这一点,但我想知道是否通过 设置属性

还触发一些可以捕获的更改事件

提前感谢

动画完成后应发送SMIL。你可以这样做

<set attributeName="x" to="0" begin="0s" dur="0.5s" id="a"/>
<set attributeName="fill" attributeType="CSS"
  to="green"
  begin="a.endEvent" dur="4s"/>

或者只是在javascript中添加一个eventListener来捕获事件。

但是为什么不直接使用addEventListener而不使用元素呢?嗨,谢谢你的回答。但活动的名称是什么?target.addEventListener'???',函数{/*更改时执行操作*/},false;