2013-02-14 51 views
0

是否可以删除touchend的激活状态? 我想通过点击链接来设置链接的活动状态。当在我的移动设备中滚动时,我触摸的每个项目当然会获得:活动状态。所以在滚动之后,所有元素都被高亮显示。 我不想用.active-classes进行DOM操作我只想在滚动后删除活动状态 - 这可能吗?如何删除:使用touchend激活

a:active { 
    background-color:blue; 
} 

$ctx.on("touchend", '.base a', function() { 
    //removeActiveState 
}); 

编辑:

我想有这一点 - 但与类:

var activeSelector = ".base a"; 
$(document) 
     .on("click mousedown touchstart", activeSelector, function() { 
      $(this).addClass("active"); 
     }) 
     .on("mouseup mouseleave touchend", activeSelector, function() { 
      $(this).removeClass("active"); 
     }); 
+0

为什么不使用'@ media'为移动设备(手持设备)或分辨率较低的设备禁用':active'? Pro:不需要JS – sascha 2013-02-14 15:21:55

+0

我需要:活动状态 - 它应该在滚动后被清除(我只是想通过点击它而将其变为蓝色) – Jules 2013-02-14 15:29:28

回答

-1

这里是你的代码W/O CSS类。

var activeSelector = ".base a"; 
$(document) 
    .on("click mousedown touchstart", activeSelector, function() { 
     $(this).css('background-color', 'blue'); 
    }) 
    .on("mouseup mouseleave touchend", activeSelector, function() { 
     $(this).css('background-color', 'white'); // or whatever color you want 
    });