Fire Events in Pairs

Question

У меня есть структура данных с двумя кругами SVG. Я добавил слушателя в свой документ таким образом, что на каждом клике 2 круга создаются в одном месте. Затем я хочу, чтобы один из кругов следовал за моей мышью, пока я не нажму снова. В дальнейшем структура данных создается на каждом клике аналогично. Я не могу понять, как отключить поведение 1-го клика, а затем повторно использовать после второго щелчка. Как мне это сделать?

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(); 
    } 

Теперь я хочу снова активировать 1-й случай. Как я могу это сделать?

Answer 1

Вы можете использовать одно событие щелчка и встречное вар

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; 
    } 
}