javascript - 成对火灾事件

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