點擊亮點產生巨大的亮點

Question

我使用jQuery的on()功能在iOS」的Safari移動瀏覽器這樣的：

$("#content").on(".element", click(function(){ do stuff}); 

當點擊.element Safari瀏覽器突出了整個#content區域，而不是隻有區域.element需要。

當使用

$(".element").click(function(){do stuff}); 

，而不是右側區域被高亮顯示。我想這是預期的行爲，但對用戶來說並不直觀，所以我正在尋找解決方法。

我知道我可以通過使用-webkit-tap-highlight-color: rgba(0,0,0,0);完全擺脫突出顯示，但我認爲突出顯示實際上非常有用，因爲CSS'懸停在移動設備上已無用處。

有jQuery的功能和Safari瀏覽器的方式來獲得點擊突出顯示.element？

Answer 1

我解決它通過以下方式：

1. 將document.addEventListener("touchstart", function(){}, true);在文件準備功能，使CSS :active pseude類
2. 禁用完全水龍頭亮點：-webkit-tap-highlight-color: rgba(0,0,0,0);
3. 添加​​

這種方式點擊（活動）元素得到一個很好的灰色背景時touc HED。