Backbone.js - Sowohl klicken und doppelklicken Sie Ereignis auf einem Elemente

Question

In meiner Backbone Ansicht gefeuert, ich habe wie folgt definiert Ereignisse:

events : { 
    'click .elm' : 'select', 
    'dblclick .elm' : 'toggle' 

}, 

select: function(e){ 
    e.preventDefault(); 
    console.log('single clicked'); 
} 

toggle : function(e){ 
    e.preventDefault(); 
    console.log('double clicked'); 
} 

Ich habe .elm Einzel- und Doppelklickereignis Hörer gleiches Element gebunden . Wenn ich auf dieses Element einen Doppelklick auf, bekomme ich diese Ausgabe:

single clicked single clicked double clicked

Versuchte preventDefault() und stopImmediatePropagation() und dass das Problem nicht lösen.

Also, wie kann ich verhindern, dass das Einzelklick-Ereignis ausgelöst wird, wenn ich doppelklicke?

Answer 1

Dies ist kein Problem mit Backbone selbst. Es geht darum, wie Sie sowohl Einzelklick- als auch Doppelklick-Ereignisse auf derselben Schaltfläche behandeln.

Siehe

1. Need to cancel click/mouseup events when double-click event detected

2. Javascript with jQuery: Click and double click on same element, different effect, one disables the other

Update: Aber es wäre besser, wenn Sie nicht damit umgehen müssen. Siehe mu is too short's answer unten!

Answer 2

Versuchen Sie, return false; am Ende der Auswahl & Toggle hinzufügen.

Answer 3

Die jQuery documentation empfiehlt speziell gegen das, was Sie tun:

Es ist nicht ratsam Handler sowohl für die click und dblclick Ereignisse für das gleiche Element zu binden. Die Reihenfolge der ausgelösten Ereignisse variiert von Browser zu Browser, wobei einige Ereignisse nur click Ereignisse vor dem dblclick und andere nur eins empfangen. Die Doppelklick-Empfindlichkeit (maximale Zeit zwischen Klicks, die als Doppelklick erkannt wird) kann je nach Betriebssystem und Browser variieren und ist oft vom Benutzer konfigurierbar.

Was Sie sehen, ist genau das, was erwartet wird (abhängig vom Browser natürlich). Der einzige Weg, um Ihr Problem zu lösen, ist einen Timer einzustellen und manuell zwischen einem Einzel- und Doppelklick zu unterscheiden. dann müssen Sie den Timer-Wert anpassen und verschiedene Browser und Betriebssysteme überprüfen, bis Sie etwas erhalten, das vorgibt, an den meisten Orten zu funktionieren.

Ich würde dringend empfehlen, dass Sie stattdessen separate Steuerelemente mit Einzelklick-Aktionen verwenden. Doppelklick ist ziemlich unfreundlich und wir akzeptieren es nur, weil wir es gewohnt sind.