Tarayıcıda jquery touchstart

Question

Masaüstü tarayıcıların çoğunda touchstart/touchend henüz desteklenmemektedir. Mousedown olayıyla aynı olacak touchstart olayını nasıl oluşturabilirim (tüm tarayıcılarda desteklenir).

Ben

$('obj').bind('touchstart mousedown', function(e){ 
}); 

Eğer mousedown olay istiyorsanız ... Bu

$('obj').bind('touchstart', function(e){ 
}); 

gibi bir şey tek seferde hem bağlayabilir

$('obj').bind('mousedown', function(e){ 
}) 

Answer 1

çevrilecek istiyorum touchstart olaylarını otomatik olarak tetikle (böylece'ye bağlamanız yeterlidir)) kullanmak ...

$(document).bind('mousedown', function(event) { 
    $(event.target).trigger('touchstart'); 
}); 

Not bu mousedown olaylar touchstart olay tetiklenebilir özel önce document yaymak gerekir demektir. Bu beklenmedik yan etkilere sahip olabilir. Etkinlik daha sonra touchstart varsa eğer olursa

$('body').on(clickEventType, 'obj', function(e){}); 

Bu kontroller belge, görmek: bağlanma için) (.sistem kullanın iyisi

var clickEventType = ((document.ontouchstart!==null)?'click':'touchstart'); 

$('obj').bind(clickEventType, function(e){}); 

:

Answer 2

Böyle bir şey deneyin 'touchstart' ise (çoğu masaüstü tarayıcıda) 'click' yazıyorsa. En güzel çözüm değil

$('obj').trigger(clickEventType); 

Answer 3

ama şimdiye kadar bulunan en iyi:

Ayrıca aynı olay türünü kullanarak tetikleyebilir. Düşüşünü? İlk dokunuş böylece eşzamanlı kullanamazsınız :(

var isTouch = false; 
$('body').on('touchstart', function() { 
    isTouch = true; 
}); 

da kontrol edebilirsiniz örneğin modernizr ilk tarayıcı desteği dokunuş.

küresel kapsamda kullanmayın yapmak unutmayın if (oldu sonra sadece çalışır Olmak zorunda değilsiniz. Ayrıca, isTouch = true kodunu ekleyerek HTML-etiketine is-touch-device sınıfını ekleyerek modernizr "alike" olarak da değiştirebilirsiniz: $('html').addClass('is-touch-device') Bu durumda her yerden (css'den de) referans alabilirsiniz.