Многократное нажатие левой кнопки мыши мешает выполнению событий .click()?

Question

[Demigodd]

Заметил что если ожидается событие .click(), по определенному HTML элементу, то если многократно нажать правый клик то он сбивает Jquery событие, и выполняется пользовательский клик а не .click() функция.
Как решить эту проблему ?

Answer 1

[Ihor Bratukh]

Вам нужен так называемый debounce.

function debounce(func, wait, immediate) {
  var timeout;
  return function() {
    var context = this;
    var args = arguments;
    var later = function() {
      timeout = null;
      if (!immediate) func.apply(context, args);
    };
    var callNow = immediate && !timeout;
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
    if (callNow) func.apply(context, args);
  };
};

$('button').on('click', debounce(function() {
  console.log(this);
}, 500));

Comments

[Андрей]

не воспроизводится че-то. console.log всегда отрабатывает

[Ihor Bratukh]

Андрей, всегда, но после 500 милисекунд от последнего нажатия.

[Андрей]

BRAGA96, дак для этого у вас в функции debounce стоит задержка 500мс чтоб в течении 500мс не было многократного нажатия

[Ihor Bratukh]

Андрей, да, верно