jquery - jqueryのontouchstartとontouchend？

Question

私は現在、タッチのクラスを変更したいすべての要素に以下を使用しています。

ontouchstart="$(this).addClass('select');" ontouchend="$(this).removeClass('select');"

私はこのようなものがあるかどうか疑問に思っていましたか？：

$("#element").touchstart(function(){
    $(this).addClass('select');
},
function(){
   $(this).removeClass('select');
});

このプロパティが必要なすべての要素を一覧表示できるようになります。私は非常に多くのことを試みましたが、それを機能させることができません。

score 18 · Accepted Answer

私はこれを使用することになりました：

$('#nav li').bind('touchstart', function(){
    $(this).addClass('select');
}).bind('touchend', function(){
    $(this).removeClass('select');
});

score 14 · Accepted Answer

JQUERYなし：

element.addEventListener('touchstart',function(e) {
 e.currentTarget.className = "select";
});

JQUERYで

$('#nav ul li a').on('touchstart', function(){
    $(this).addClass('select');
});

実際、on（）はbind（）よりもパフォーマンスが優れています。ドキュメントを確認してください

score 1 · Accepted Answer

jQueryMobileを使用する必要があると思います。正規化されたイベントがいくつかありますが、これはおそらく必要なものです。jQuery MobileのAPIリファレンスからの特別なイベントのリストは次のとおりです：littlelink。

あなたはそれらを気にします：

vmousedown

Normalized event for handling touchstart or mousedown events

vmousemove

Normalized event for handling touchmove or mousemove events

vmouseup

Normalized event for handling touchend or mouseup events

score 0 · Accepted Answer

:hoverこれに疑似クラスを使ってみませんか？nav_liこれは、要素のCSSルールの一時的な変更であるように思われます。

4 に答える 4