Javascript 在SVG元素上动态添加onclick

我正在svg中动态创建一些圆圈，我想向所有圆圈添加一个

onlick

函数。我知道可以这样做：

，但我认为这些元素是：

            newCircle.setAttribute("class","circle");                                              
            newCircle.setAttribute("cx",centerX);                                                  
            newCircle.setAttribute("cy","850");                                                    
            newCircle.setAttribute("r","150");                                                     
            newCircle.style.stroke = "black";                                                      
            newCircle.style.strokeWidth = "2px";                                                   
            newCircle.style.opacity = circleOpacity[i-1];                                          
            newCircle.style.fill = circleColour[i];
            svgNode.appendChild(newCircle);

我试着加上这个

$(".circle").click(function() {
          onclick= "alert('click!')";

        })

但它不起作用

我也尝试过类似的方法：

newCircle.setAttribute（“onclick”，“myFunction”）

我怎样才能让它工作？谢谢大家!
 试试这个

jQuery('body').on('click','.circle',function(){
 alert('clicked')
})

这应该是

$(".circle").click(function() {
    alert('click!');
})

newCircle.setAttribute("onclick","myFunction()");

这应该是

$(".circle").click(function() {
    alert('click!');
})

newCircle.setAttribute("onclick","myFunction()");

但如今，通常的做法如下：

newCircle.addEventListener("click", myFunction);

可能重复的