为什么点击游戏画面会停顿一下

[hiloteam]

为什么点击游戏画面会停顿一下

[06wj]

具体什么机器呢 我这边试了下木有问题

[iguoji]

电脑：win10 x64 i5-4430 8g内存
Chrome 版本 51.0.2687.0
电脑上，谷歌浏览器使用手机流量模式，点击会卡顿
另外小米手机4，更新到最新系统，在最新版微信里点击稍微按住一下会出现卡顿

链接：http://h.fulihuodong.com/guoji/game.html?t=-1534373860

[iguoji]

还有点击屏幕后执行Tween.to动画，很正常，但是如果双击，那么就尴尬了。

[06wj]

感觉是页面滚动的问题，小米上复现了，pc上木有复现
加下面禁止滚动试试呢

document.body.addEventListener('touchmove', function (e) {
e.preventDefault(); });

[06wj]

双击那个是因为你连续对一个对象调了两次tweenTo，你可以

Tween.remove(target);
Tween.to(target, {}, {});

每次tween前把target 的tween先删掉

[iguoji]

加上e.preventDefault()也是不行的，只要touchstart时间稍微长一点点就会有问题，之前我的理解是canvas的机制问题，因为好像在别的什么项目也看到过这种现象。

[06wj]

touchstart时preventDefault呢

[iguoji]

还是一样，不纠结了。。

[xbl]

android手机上会有，我也遇到了~

[finscn]

除了 preventDefault 一类的js
再加一些css试一试呢？ 比如

body,
div,
span,
canvas,
iframe {
    -webkit-touch-action: none;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

我果然是火狐黑。哈哈哈哈

[imindzzz]

小米5自带的浏览器就会卡