javascript - 在 Windows Phone 上禁用双击缩放

Question

我一直在使用 HTML 和 JavaScript 开发基于浏览器的点击游戏。我已经成功地抑制了导致移动浏览器在 iOS 和 Android 中缩放、滚动和执行各种其他技巧的默认行为。

然而，在 Windows Phone 中，双击仍然会导致其尝试放大。在测试中，它会放大，然后恢复到正常大小，但这足以阻止游戏元素，其点击速度与你可以。

我有以下 HTML 内容:

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0">

我在 JavaScript 中还有以下内容:

window.addEventListener('touchstart', function(e) {
    clickarea.trigger('click'); // this is what tracks the number of clicks / touches
    e.preventDefault();
}, false);

window.addEventListener('touchmove', function(e) {
    e.preventDefault();
}, false);

window.addEventListener('touchend', function(e) {
    e.preventDefault();
}, false);

Windows Phone 是否有我遗漏的任何其他事件或者我的代码中是否存在错误？

Answer 1

Windows 手机使用 Microsoft 专有的触摸事件而不是标准触摸事件，您需要添加条件代码来监听它们。

adapting-your-webkit-optimized-site-for-internet-explorer-10