iPad / Android 平板电脑上的 HTML5 Canvas（游戏）答案

【问题标题】：HTML5 Canvas (game) on iPad / Android tabletsiPad / Android 平板电脑上的 HTML5 Canvas（游戏）
【发布时间】：2011-12-28 17:39:56
【问题描述】：

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

1) 如何禁用 Canvas 的可选功能？似乎当用户触摸它时，它会突出显示画布，并且几乎尝试选择它。这是不希望的。

2) 浏览器滑动手势。某些浏览器具有覆盖在画布或网页中完成的任何运动捕捉的滑动手势。这也是非常烦人且不受欢迎的。

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

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

【问题讨论】：

【解决方案1】：

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

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

#2 似乎是一个非常独立的问题，但我从来没有遇到过滑动手势覆盖我的任何画布内容的问题。尝试在触摸事件开始时使用e.preventDefault();。

【讨论】：