L'evento Clickbone.js non funziona con il tocco

Question

events: 
    'click' : 'select' 

Quando si utilizza questo evento su Mobile Safari, l'evento viene attivato due volte quando viene toccato. È un bug noto o qualcosa che sto causando da solo?

allora ho cambiato in

events: 
    'touchstart' : 'select' 

e funziona benissimo, ma significa che non funzionerà nei browser normali più.

Grazie per qualsiasi informazione.

Answer 1

Non ho familiarità con Backbone, ma forse provare a impostarlo in modo condizionale?

if ('ontouchstart' in document.documentElement) { 
    // 'touchstart': 'select' 
} else { 
    // 'click': 'select' 
} 

Answer 2

provare questo codice:

TouchView = Backbone.View.extend({ 
    events: function() { 
    return MOBILE ? 
     { 
     "touchstart": 'select' 
     } : 
     { 
     "mousedown": 'select' 
     } 
    } 
} 

vederlo in azione: http://jsfiddle.net/dira/Ke2px/2/

Answer 3

ho usato Modernizr per rilevare il dispositivo touch e utilizzare secondo il codice e questo ha funzionato per me.

events :function(){ 
    return Modernizr.touch ? 
    { 
     "touchstart #edit" : "openEdit", 
    }: 
    { 
     "click #edit" : "openEdit", 
    } 
} 

Answer 4

Ho risolto lo stesso problema genericamente con la creazione di backbone.touch for Backbone che sarà scimmia cerotto Backbone.View per rispondere a toccare gli eventi quando si utilizza un dispositivo touch, o eventi click regolari quando no.

Puoi semplicemente includere il file sorgente per trasformare tutti gli eventi click in Backbone.Views, oppure puoi dare uno sguardo al codice e implementarlo tu stesso.

Answer 5

Ho solo incluso la libreria jquery touchpunch e il gioco è fatto.

https://github.com/furf/jquery-ui-touch-punch

Answer 6

ho definito entrambi i tipi di eventi e funziona per me su un mobile e desktop:

events: { 
'click' : 'select', 
'touchstart' : 'select' 
} 

Answer 7

Utilizzando CoffeeScript, farei quanto segue, non ho mai trovato un motivo per portare in modernizzatore quando ogni dispositivo mobile in questi giorni è davvero un dispositivo touch, voglio dire quando è stata l'ultima volta che hai dovuto supportare davvero qualcosa che non lo facesse?

window.isTouchDevice = (/android|webos|iphone|ipod|ipad|blackberry|iemobile/i.test(navigator.userAgent.toLowerCase())) 

    events: -> 
    for k, v of this when /click/.test(k) and isTouchDevice 
     mobileKey = k.replace('click','touchstart') 
     events[ mobileKey ] = v 
     delete events[ k ] 
    return events 

Coffeescript si legge meglio per questo tipo di comprensione delle liste imho.

Answer 8

questo ha funzionato per me.

events:{ 
    'click #edit':'select', 
    'touchstart #edit':'select' 
}, 
select: function(e){ 
    e.stopPropagation(); 
    e.preventDefault(); 
    console.log('open upload dialog ', e.type); 
} 

ora quando si verifica questo se il dispositivo è touch e.type dovrebbe essere touchstart e solo sparare una volta. Lo stesso per il clic sul dispositivo no-touch. Nel caso qualcuno stia ancora cercando una soluzione semplice per questo.