ちょっとタッチしたときのタッチスクリーンのイベント

Question

私は、デフォルトで隠されている要素を持っていて、ユーザーがこの要素の上をマウスで移動すると表示します。タッチスクリーンでは、このイベントは要素がタップされたときにのみ発生します。私の探しているものは、ユーザーの指がその要素に触れるとすぐに、このショーをにする方法です。そのようなイベントを見つけることはできません。私は次のコードを試してみました

：ないか、成功と

//OnTouch event for about text 
$('#about thumbnail').on('touchstart', function(){ 
    $(this).find('.mask').addClass('touch'); 
}).on('touchend', function(){ 
    $(this).find('.mask').removeClass('touch'); 
}); 

を、私はWordpressのjQueryの含まれるデフォルトを持って、私は自分のコードを動作させるために、追加のライブラリが必要なのでしょうか？私はこれを行う方法を見つけることができません。

ありがとうございました！

Answer 1

3Dタッチを持つ最新のApple iPhone用に開発していない限り、わずかなタッチを検出することはできません。すべてのタッチ入力はクリックと見なされます。応答時間の遅延を減らすことができます。 このライブラリを使用するhttp://hammerjs.github.io/携帯電話ブラウザで500msのロックを克服する機能があります。 レスポンスタイムを短縮すると、要求しているわずかなタッチを多少エミュレートできます。

UPDATE：ここ これは、別の タップのようなより多くのイベントを提供するライブラリ、シングルタップ、ダブルタップ、ホールド、2倍指タップ、2xダブルタップ、スワイプドラッグ、回転させているピンチ、ピンチアウト、指http://quojs.tapquo.com

Answer 2

私はここに戻って忘れましたが、タッチデバイスでホバー効果を達成するための解決策を見つけました。あなたは何ができるか

：

1 - >は、別のホバー効果をアクティブにするまで、このホバー効果がアクティブのまま、touchdevice上のオブジェクトをタッチしてホバー効果を実現。あなたはそうのような任意のオブジェクトに「touchstart」を結合することによってこれを行うことができます。

$('body .archive-item').bind('touchstart', function() {}); 

私はすぐにあなたの指が上記の機能を備えたタッチスクリーンのにつれてホバーを停止する方法を見つけることができませんでした。

2 - >あなたは今、あなたはホバー効果を達成するためにCSSで.archive-item.hoverのスタイルを設定することができます上記セレクタにtouchstartとtouchendを結合してtouchend

$('body .archive-item').bind('touchstart', function() { 
    $(this).addClass('hover'); 
}); 
$('body .archive-item').bind('touchend', function() { 
    $(this).removeClass('hover'); 
}); 

に彼らにtouchstartとremoveClassにaddClassを持つことができます。

:hoverにホバー効果を達成するために、CSSの重複を避けるためとtouchstartあなたはこの行うことができます。

.archive-item:hover, 
.archive-item.hover { 
    text-decoration: underline; 
    color: red; 
} 

を私はウェブ上で何かを見つけることができなかったので、これは、私はいくつかを組み合わせることで考え出したものですさまざまなスニペットのコードを、あなたはどう思いますか？