更改觸摸鏈接的背景顏色

雖然下面的代碼有效，但有時鏈接仍然是黑色的，並且不會更改，但我試圖在用戶觸摸/點按移動設備時更改鏈接的背景顏色當你發佈時會變成白色，有沒有更好的編碼方式？更改觸摸鏈接的背景顏色

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

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

謝謝！

來源

2013-06-01 user1937021

什麼是您使用的jQuery文件的版本？ –

這可以用CSS來實現，而不jQuery的：

a:active 
{ 
    background-color: black; 
}

注意有關使用Android的股票瀏覽器

出於某種原因的兼容性，上面的代碼不會在Android的股票瀏覽器工作（和也許還有其他一些瀏覽器）。

<body ontouchstart="">

另外，Android的瀏覽器的股票凸顯默認鏈接（藍色背景，我的手機上）：但是，一旦你添加ontouchstart=""參數的<body>標籤，像這樣它會奏效。要禁用它，請鍵入：

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

詳情參見this和this。

Jsfiddle here

來源

2013-06-01 09:17:51

不起作用 – user1937021

@ user1937021至少在谷歌瀏覽器for Android中起作用。我更新了關於其他瀏覽器的說明。希望這可以幫助。 –

更改觸摸鏈接的背景顏色

回答

注意有關使用Android的股票瀏覽器

Jsfiddle here

相關問題