jQuery阻止单击后发生其他事件

一种方法是 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); 完成后将其设置为false。

有 event.preventDefault , event.stopPropagation

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

你退房了吗?

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

stopImmediatePropagation() 或 stopPropagation()

one() 事件。

元素。处理程序在执行 每个元素最多一次。

返回 false 从事件处理程序或调用 ev.stopPropagation()

你有几个选择:

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');
   })
   

   我不认为这对链接工作,虽然。

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
});

对其他事件处理程序重复相同的逻辑。