javascript - 处理双击时的第二个 mousedown 事件

Question

使用纯 Javascript 或 JQuery，处理双击期间的第二个 mousedown 事件的最佳方法是什么？

我想在触发“dblclick”事件之前运行一个操作。

Answer 1

您可以在纯 js 中使用像这样的 mousedown 事件监听器，该监听器将在 dblclick 事件之前触发:

document.addEventListener('mousedown', function(event) {
  if (event.detail == 2) {
    // do stuff here
  }
}, false);

这是一个演示片段:

$(document).on('dblclick', function() {
  console.log('dblclick event');
});
document.addEventListener('mousedown', function(event) {
  if (event.detail == 2) {
    console.log('second mouse click event before dblclick');
  }
}, false);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Do some double clicks...