Come gestire click lungo e gli eventi del tasto destro in Backbone JS

Question

Possiamo gestire clic e fare doppio clic su eventi come di seguito:

events: { 
    "click .tree-toggler": "toggletree", 
    "dblclick .doubleclick" : "doubleclickFunc" 
    }, 

toggletree: function(e){ 
    //code 
    }, 
    doubleclickFunc : function(e){ 
     //code 
    } 

Ma voglio gestire destra evento click e l'evento Click lungo. Come gestirli?

Answer 1

Non so l'evento "clic lungo" (non sapevo nemmeno che ce ne fosse uno e non riesco a trovare alcun documento su di esso), ma comunque. Backbone utilizza il metodo on di jQuery per associare i tuoi eventi al DOM. Ciò significa che tutto ciò che funziona con on funzionerà con Backbone.View.events (purtroppo ci sono alcuni limiti al selettore specificato, ma a parte quello).

Prova:

events: { 
    contextmenu: 'onRightClick' 
}, 
onRightClick: function() { 
    alert('it works!'); 
} 

Answer 2

È possibile utilizzare l'evento contextmenu di rilevare clic destro come descritto nella precedente risposta. Un altro modo per rilevare clic per il tasto destro del mouse è di jQuery event.which:

clickTree: function(e) { 
    if (event.which === 3) { 
    // handle right clicks 
    this.showtreemenu(e); 
    return; 
    } 
    // handle left clicks 
    this.toggletree(e); 
} 

Per scatti lunghi, alias misura la durata click, utilizzare mouseup e mousedown:

events: { 
    'mousedown .measure-click-duration': 'clickStarted', 
    'mouseup .measure-click-duration': 'clickEnded' 
}, 

clickStarted: function(e) { 
    this.clickStartTime = e.timeStamp; 
}, 

clickEnded: function(e) { 
    var clickDuration = e.timeStamp - this.clickStarted; 
    if (clickDuration > 1000) { 
    this.longClick(e); 
    } 
} 

ho fatto un fiddle dimostrando contextmenu per la destra clic e durata del clic sopra descritta.