js 如何避免鼠标单击和双击冲突

Question

页面上有个div绑定了 click 事件，又绑定了 dblclick 事件。这两个事件分别处理各自的逻辑。现在的问题是当双击的时候虽然是执行了 dblclick 事件，但是在这之前，也执行了 click 事件。如何来屏蔽这次多余的 click 事件呢？

Answer 1

var timeId;

$('#id1').click(function() {
  timeId = setTimeout(function() {
    // your code
  }, 500);
});

$('#id1').dblclick(function() {
  clearTimeout(timeId);
  // your code
});

Answer 2

click事件延迟100ms执行，dblclick的时候取消click的延时