Question

每当一个mousedown或mouseup处理程序附加到一个元素时，dblclick就无法附加（如果附加就无法工作），虽然这看起来很公平，有没有办法恢复dblclick功能而无需从头开始重写（叹息。 ..）或者我错过了有关事件传播的内容？

Answer 1

它有效 - 将此代码放在此页面的Firebug中，您将看到它正常工作（尝试双击您的问题文本）：

($('.post-text')
    .mousedown(function () { console.log('down'); })
    .mouseup(function () { console.log('up'); })
    .dblclick(function () { console.log('dbclick'); }));

没有Firebug？抓住它，我等一下！

Answer 2

虽然这个问题很老，但我想说明我是如何处理的。

此块赢了工作：

        $(element).on('mousedown', function(event) {
            ...
        });

        $(element).on('dblclick', function(event) {
            ...
        });

但您可以使用此代码段创建相同的行为处理程序：

        var clicks = 0, delay = 400;
        $(element).on('mousedown', function(event) {
            event.preventDefault();
            clicks++;

            setTimeout(function() {
                clicks = 0;
            }, delay);

            if (clicks === 2) {
                // double click event handler should be here
                clicks = 0;
                return;
            } else {
                // mousedown event handler should be here
            }
        });

Answer 3

你的mousedown和mouseup不能：

做e.stopPropagate等。
return false

如果您的代码之间没有方法冲突

Answer 4

event.detail参数将计算您的连续点击次数，以便可以使用它来检测是否发生了双击。

$('#mybutton').on('click',function(e) {
  console.log("User left clicked!"); // do select code
  if (e.button == 0 && e.detail == 2) {
    console.log("User left doubleclicked!"); // do action code
  }
});

在jQuery中同时拥有mousedown / mouseup和dblclick

4 个答案: