jQuery предотвращает другие события после нажатия

Question

Я пытаюсь предотвратить множественные щелчки на ссылках и элементах, что вызывает проблемы.

Я использую jQuery для привязки событий кликов к кнопкам (jQuery UI) и ссылок на изображения (<a><img /></a>).

Есть ли способ сделать-раз и навсегда предотвратить другие события от обстрела после щелчка?

Или мне нужно поддерживать глобальную переменную с именем _isProcessing и установить ее для true для каждого обработчика событий?

Благодаря

Edit: (осветление) спасибо за ваши ответы, моя проблема не препятствует бульканье события, но предотвращения нескольких одновременных нажатий.

Answer 1

Существуют различные способы предотвращения одновременных кликов от запуска кода.

Один из способов: unbind('click') на элементе, затем .bind() он снова, когда вы будете готовы.

Я бы предпочел использовать какой-то флаг. Это может быть переменная, но я предпочел бы присвоить класс элементу, например .processing, и удалить его, когда это будет сделано. Таким образом, вы должны проверить обработчик на наличие этого класса для определения кода, который должен выполняться.

$('someElement').click(function() { 
    var $th = $(this); 
    if($th.hasClass('processing')) 
      return; 
    $th.addClass('processing'); 
    // normal code to run 
    // then when done remove the class 
    $th.removeClass('processing'); 
}); 

Другой вариант заключается в использовании элементов .data() установить подобный флаг, как $(this).data('processing', true); Затем установите его в ложное, когда сделано.

Answer 2

Вы проверили preventDefault?

$("a").click(function(e) { 
    e.preventDefault(); 
} 

вы также можете попробовать stopImmediatePropagation() или stopPropagation()

---

Вы также можете посмотреть в one() события.

Прикрепите обработчик к событию для элементов . Обработчик выполняется по адресу чаще всего за элемент.

Answer 3

false От вашего обработчика событий или позвоните по номеру ev.stopPropagation() в каждом обработчике.

Answer 4

Существует event.preventDefault, event.stopPropagation и возвращает false как уже указано.

$("a").click(function(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    return false; 
} 

Answer 5

У вас есть несколько вариантов:

1. Если кнопки/ссылки перезагрузит страницы вы можете просто отвязать клик обработчик события:

   $('input:submit').click(fumction() { 
       $(this).unbind('click'); 
       // Handle event here 
   }) 
   

2. Вы может отключить кнопки и снова включить их, как только вы закончите (я думаю, это также должно работать с <input type="image">):

   $('input:submit').click(function() { 
       $(this).attr('disabled', 'disabled'); 
       // It also helps to let the user know what's going on: 
       $(this).val('Processing...'); 
       // Handle event here 
       $(this).removeAttr('disabled'); 
   }) 
   

   Я не думаю, что это работает на ссылках.

Answer 6

Другой способ заключается в использовании event.stopPropagation() и event.isPropagationStopped() для сигнализации:

Пример:

$(button).click(function(e){ 
    if(e.isPropagationStopped()) 
     return; // propagation was stopped, so stop further execution 

    // if you got this far - this event handler was called first 
    // custom logic goes here 

    // stop event propagation to signal other handlers 
    e.stopPropagation(); 

    // if you need, call e.preventDefault() to prevent default behaviour 
}); 

Повторите же логика для других обработчиков событий.