jquery中的ontouchstart和ontouchend？

Question

我目前正在为每个我想要更改的类的元素使用以下内容：

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

我想知道有没有这样的东西？

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

我将能够列出我希望拥有此属性的所有元素。我试了那么多东西，但都不能正常工作。

Answer 1

我最终只是使用了这个：

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

Answer 2

如果没有JQUERY：

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

使用JQUERY

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

实际上，on()比bind()获得更好的性能，检查documentation

Answer 3

我认为你需要使用jQuery Mobile。它有一些标准化的事件，这很可能是你需要的。以下是来自API参考的特殊事件列表：little link。

你关心的是：

vmousedown

用于处理touchstart或mousedown事件的规范化事件

vmousemove

用于处理触摸移动或鼠标移动事件的规范化事件

vmouseup

处理touchend或mouseup事件的规范化事件