iOS防止默認圖像對焦

Question

我在網頁上有一個畫布，我正試着在我的iPad上測試它。但是，當我在該畫布上長時間觸摸時，該畫布周圍會出現一個淺藍色矩形，並詢問我是否要複製該矩形。有沒有辦法禁用？我試過了：

$(document).bind("touchstart", function(e) { 
    e.preventDefault(); 
} 

$(document).bind("touchmove", function(e) { 
    e.preventDefault(); 
} 

它確實有效，但整個網頁停止響應我綁定的事件監聽器。

謝謝。

Answer 1

你可以嘗試設置CSS爲元素（一個或多個），以防止選擇：

canvas 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    }