-webkit-user-select：none; - 無法正常工作

Question

我正在創建一個將在iPad上查看的網站，並且我試圖防止當用戶觸摸並保留圖像時出現複製和粘貼泡泡，因爲我希望發生ontouchstart事情和ontouchend。

這裏是我的html

<img class="appImg" src="img/fundMobile.jpg" /> 

這裏是我的CSS

.appImg{   
    -webkit-user-select: none; 
} 

一旦我按住我的iPad上的泡沫仍然出現。有想法該怎麼解決這個嗎？

Answer 1

你可以嘗試，包括e.preventDefault()在ontouchstart處理：

yourElement.ontouchstart = function(e) { 
    e.preventDefault(); 
} 

Answer 2

你的CSS是正確的，但，你的CSS可能仍緩存，這是我注意到一點與iOS 6 UIWebViews中，添加一個網址參數到您的鏈接，應該刷新後修復它。

<link href="styles.css?cache=123" rel="stylesheet" />