Question

当用户触摸/点击移动设备时，我正在尝试更改链接的背景颜色，虽然以下代码有效，但有时链接仍为黑色，并且在您发布时不会变回白色，是否存在一种更好的编码方式吗？

$('#test').bind('touchstart', function() {
    $(this).css('background-color', 'black');
});

$('#test').bind('touchend', function() {
    $(this).css('background-color', 'white');
});

谢谢！

Answer 1

这可以在没有jQuery的CSS中完成：

a:active
{
    background-color: black;
}

请注意与Android的股票浏览器的兼容性

出于某种原因，上面的代码在Android的股票浏览器（可能还有其他一些浏览器）中不起作用。但是，一旦您将ontouchstart=""参数添加到<body>标记，它就会起作用，如下所示：

<body ontouchstart="">

此外，Android股票浏览器默认突出显示链接（蓝色背景，在我的手机上）。要禁用此功能，请键入：

a
{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
}

有关详细信息，请参阅this和this。

更改触摸链接的背景颜色

1 个答案:

请注意与Android的股票浏览器的兼容性

Jsfiddle here