jQuery僅執行一次功能

Question

我有代碼：

$(Page).on('click', '*', function(e)
{
    myFunction();
}

function myFunction(){//do something...}

我希望函數中的代碼僅執行一次，現在，例如，單擊5次后，來自函數myFunction()的代碼將被執行5次。 我不想更改on('click', '*', ...

Answer 1

使用jQuery的one方法。

說明：將處理程序附加到元素的事件。 每個事件類型的每個元素最多只能執行一次處理程序。

只需將.on更改為.one 。

$(Page).one('click', '*', function(e) {
  myFunction();
});

function myFunction() {
  // do something
}

下面是文檔的one

Answer 2

您可以使用功能$.one

$(Page).one('click', '*', function(e)
     myFunction();
});

或更好：

$(Page).one('click', '*', myFunction);

請小心事件委托，它將事件單擊綁定到Page的DOM樹中的整個元素集。