iPad / Android平板電腦上的HTML5 Canvas（游戲）

Question

在嘗試使用Canvas制作游戲時，我注意到平板電腦/手機瀏覽器上有一些怪癖。

1）如何禁用Canvas可選？ 看起來當用戶觸摸它時，它突出顯示畫布，並且幾乎嘗試選擇它。 這是不希望的。

2）瀏覽器滑動手勢。 某些瀏覽器具有滑動手勢，可覆蓋在畫布或網頁中完成的任何移動捕獲。 這非常令人討厭並且也是不受歡迎的。

3）使用HTML UI元素進行畫布控制。 我注意到當畫布存在其他ui元素（例如文本）時，有時在畫布中單擊或拖動會突出顯示HTML的一部分，而是拖動HTML元素而不是點擊畫布。

任何幫助是極大的贊賞！ 我希望HTML5足夠成熟，以便在移動設備和桌面設備上實現良好的兼容性。 這個想法是能夠編碼一次並在任何地方播放....謝謝！

Answer 1

這應該可以解決與＃1和＃3相關的問題：

canvas.addEventListener('selectstart', function(e) { e.preventDefault(); return false; }, false);

＃2看起來像是一個非常獨立的問題，但我從來沒有遇到滑動手勢覆蓋任何畫布的問題。 嘗試使用e.preventDefault(); 在觸摸事件開始時。