雙人火災事件

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