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

Question

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

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

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...