我可以暫時覆蓋事件監聽器嗎？

Question

我想為整個文檔添加一個事件監聽器，如果程序在函數內部，則添加另一個。

例如。

$(document).click(function(){
    foo();
    //etc.
});


function f1(){
   $(document).click(function(){
      bar();
      //etc.
   });

   //etc.
};

並且在運行時：

 click -> foo(); 
 click -> foo();
  ...
 f1();
 click -> bar();
 click -> bar();

Answer 1

假設可以從document刪除所有click事件處理程序，則可以在附加新事件之前使用.off() ：

$(document).click(foo);

function f1(){
   $(document).off('click').click(bar);
};

JSFiddle

Answer 2

有點晚了，但是這里有一些代碼可以滿足您的需求： JSfiddle 。

HTML：

<button id="f1" style="display:none;">Button for f1</button>

JS：

function f1() {
    $(document).off('click').on('click', foo);
}

var foo = function () {
    $('button').show().click(f2);
};

function f2(e) {
    e.stopPropagation();
    $(document).off('click', foo).on('click', bar);
}

var bar = function () {
    $('button').hide();
    f1();
};

f1();