Android浏览器无法正确处理touchmove事件

时间:2014-02-13 17:38:46

标签: javascript android touch touchmove

当我尝试检查this jsbin demo中的touchmove事件时,它只在Chrome和Opera for Android中触发一次,之后立即触发touchcancel事件,而不是继续触发touchmove事件?

基于the W3C specs以及Firefox for Android和Android默认浏览器中touchmove事件的行为,在我看来,触摸事件应该起作用的方式是当触摸仍在页面上时,touchmove事件会一直触发。但是trying to test in this jsbin之后,我收到了以下日志消息:

touchstart event; starting on (140,197) on the screen, or (381,536) on the page.
touchend event; starting on (undefined,undefined) on the screen, or (undefined,undefined) on the page.
touchstart event; starting on (181,137) on the screen, or (492,372) on the page.
touchmove event; starting on (182,153) on the screen, or (495,416) on the page.
touchcancel event; starting on (undefined,undefined) on the screen, or (undefined,undefined) on the page.

这是我第一次点击屏幕时显示的内容(通过touchstarttouchend显示),然后拖动屏幕(touchstarttouchmove和{{ 1}})。按照上面提到的相同specs,touchcancel事件应该仅在某些事情发生干扰时运行,例如浏览器界面(如果我理解正确的话)。

由于我只是简单地将手指滑过身体而没有离开窗户,我对此感到很困惑,所以有人知道为什么会这样吗?

我在Android的 Chrome 32 Opera 19 中获得了意想不到的结果。

1 个答案:

答案 0 :(得分:6)

事实证明这里的问题只是事件处理程序中没有event.preventDefault()这一事实,因此原始操作仍然执行,这显然中断了触摸事件。要解决此问题,只需在当前事件处理函数中添加e.preventDefault()即可取消当前事件,并使其在Chrome和Opera中按预期工作。

Working demo