双人火灾事件

Question

我有一个数据结构与两个SVG圈子。我在文档中添加了一个监听器，每次点击2个圆圈都会在同一个地方创建。然后我希望其中一个圆圈跟随我的鼠标，直到再次单击。此后，类似地每次点击都创建数据结构。我无法理解如何禁用第一次点击的行为，然后在第二次点击后重新启用。我该怎么做呢？

document.click(function(e){ 
    c1 = document.circle(e.offsetX,e.offsetY,8);//create a circle 1st 
    document.unclick(); 
    document.click(function(ev){ 
     c2 = document.circle(ev.offsetX,ev.offsetY,8); 
     document.line(c1.attr("cx"),c1.attr("cy"),c2.attr("cx"),c2.attr("cy")); 
     } 
    document.unclick(); 
    } 

现在我想再次激活第一个事件。我怎样才能做到这一点？

Answer 1

您可以使用点击事件和计数器VAR

var counter=0, c1, c2; 
document.click(function(e){ 
    counter++; 
    switch(counter) { 
     case 1: 
      c1 = document.circle(e.offsetX,e.offsetY,8);//create a circle 1st 
     break; 
     case 2: 
      c2 = document.circle(ev.offsetX,ev.offsetY,8); 
      document.line(c1.attr("cx"),c1.attr("cy"),c2.attr("cx"),c2.attr("cy")); 
      counter = 0; 
     break; 
    } 
}