双击处理第二个 mousedown 事件

Question

使用普通的 Javascript 或 JQuery，在双击期间处理第二个mousedown事件的最佳方法是什么？我想在dblclick触发“ ”事件之前运行一个操作。

Answer 1

您可以mousedown在纯 js 中使用这样的事件侦听器，它将在您的 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...