javascript - 防止双击某些元素

Question

我有一个可点击的<td>它会执行一些操作。然而，当我快速双击时，奇怪的事情发生了。因此，我想阻止它并确保它只是单个可点击事件。

$.each(response, function(index) {
    $('#myID').append('<tr><td onclick="select(this)" >'+ response[index] +'</td></tr>');
});

function select(element){
...
}

我尝试使用 jQuery 的 .one()函数，但上面的代码是另一个事件的产物。所以，我不能使用$(document).ready();这里。据我所知，我必须使它像 onclick="select(this)" ...而且它有效。但这里我需要禁用双击。

有什么帮助吗？

Answer 1

因此添加一个检查以确保 Ajax 请求处于事件状态......

function select(element){
  var elem = $(element);
  if(elem.hasClass("active")) {  // is ajax call active?
    return false;
  }
  elem.addClass("active");  // set it that it is active
  $.ajax({
    url: "foo"
  })
    .done(function(){})
    .always(function(){
      elem.removeClass("active");  // call is done, so remove active state
    })
}