在iPad / Android平板电脑上使用HTML5画布（游戏）

Question

尝试使用Canvas制作游戏时，我注意到在平板电脑/手机浏览器上有一些小问题。

1）如何禁用可选择的画布？当用户触摸它时，它似乎会突出显示画布，并几乎试图选择它。这是不期望的。

2）浏览器滑动手势。某些浏览器具有覆盖画布或网页上进行的任何运动捕捉的滑动手势。这也非常令人恼火和不受欢迎。

3）HTML UI元素控制画布。我注意到当画布与其他UI元素（如文本）一起存在时，有时单击或拖动画布会突出显示HTML的一部分，并拖动HTML元素而不是命中画布。

非常感谢任何帮助！我希望HTML5足够成熟，可以在移动设备和桌面上实现良好的兼容性。我的想法是只需要编写一次代码就可以在任何地方玩......谢谢！

- Adam

Answer 1

这应该解决与#1和#3相关的问题：

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

#2看起来像是一个非常不相关的问题，但我从来没有遇到滑动手势覆盖我的任何画布内容的问题。尝试在您的触摸事件开头使用e.preventDefault();。

- Simon Sarris

---

你很棒。这个有效。我试图通过谷歌搜索答案，甚至查看第三方库，但是找不到这一行代码。希望它能帮助其他人。 - Adam

我尝试了这个，但在Android上没有任何变化 - 在画布上的任何地方点击仍然会选择整个内容。 - Cbas