jquery touchstart in browser

Question

ほとんどのデスクトップブラウザでは、touchstart/touchendはまだサポートされていません。どのようにしてmousedownイベント（すべてのブラウザでサポートされている）と同じになるタッチスタートイベントを作成できますか？

私はこの

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

のようなものは、あなたがmousedownイベントにしたい場合は...一度

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

をの両方に結合することができます

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

Answer 1

に翻訳されたいですtouchstartイベントが自動的に発生します（したがって、touchstart）これはカスタムtouchstartイベントがトリガされる前にmousedownイベントはdocumentに伝播しなければならないことを意味していること...

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

注意を使用しています。これは予期せぬ副作用があります。あなたのイベント、その後、touchstartが存在する場合はそれがない場合

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

このチェック文書は、参照してください：結合のために）（.on使用し、いっその

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

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

：

Answer 2

このような何かを試してみてくださいそれが（ほとんどのデスクトップブラウザ）しない場合は、 'クリックスタート'（ 'touchstart'）です。

また、同じイベントタイプを使用してトリガすることができます。

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

Answer 3

それは素敵な解決策ではないのですが、私は今まで発見された最良。倒れ？それだけで最初のタッチは非常にあなたが同期に使用することはできませんが起こった後に動作します:(

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

あなたはまた、例えばmodernizrとの最初の場合は、ブラウザのサポートtouchを確認することができます。

グローバルスコープでそれを使用しないようにしてください（コード：$('html').addClass('is-touch-device')の後に追加することで、Htmlタグにis-touch-deviceクラスを追加することで、それをmodernizrに変更することもできます。この場合、どこからでも参照できます（cssからも）