首次单击后更改元素的 onclick 处理程序

Question

   div.onclick = function(data, dom) {
        return function() {
           if (data.seenAlready == true) { // HACK
              $(this).children().toggle();
              return;
           }
           recursiveSearch(data, dom);

          // after this onclick, I want to assign it to a toggle like function. no clue how to do it.
       }
  }(child, mycontainer.appendChild(div));

我试图在第一次 onclick 一个 dom 元素后交换 onclick 方法。我只是没有任何成功，似乎是某种关闭损失，或什么的。我很好用 jQuery。

Answer 1

您有两种方法可以做到这一点，这两种方法都是使用jQuery 函数：

1) 使用one API 方法 - 这只会工作一次。您将单击它一次，然后选择您自己的第二个处理程序，第一个处理程序不会再次触发，例如

$(myselector).one(function(){
    $(this).click(myotherhandler);
});

这是此 API http://api.jquery.com/one/ 的链接。

2) 您可以选择以下方式替换事件处理程序。

$(myselector).click(function(){
    $(this).off();
    $(this).click("secondhandler");
});

这将关闭第一个处理程序，只会触发第二个处理程序

检查这个jsbin：

http://jsbin.com/fekuq/1/edit?html,js,output