javascript - 缩放图像后触摸移动事件不会触发（scale3d）

Question

正如您在此处看到的那样：http: //jsfiddle.net/hWm9M/1/ 通过一段touchmove时间的图像缩放，您可以在控制台中验证touchmove 事件是否按预期附加。但是当完全缩放时，事件不会触发。我试图在 transitionend 上附加事件，但它也没有工作。

这是代码：

var handleStart = function() {
    this.style.webkitTransition = 'all 3s linear'
    this.style.webkitTransform = 'scale3d(2, 2, 0)'
    this.addEventListener("touchmove", handleMove, false)
}

var handleMove = function() {
    console.log(this)
}

var image = document.getElementById("img")
image.addEventListener("touchstart", handleStart, false)

任何的想法？

Answer 1

当您使用带有 Z 值 == 0 的 scale3d 时会出现问题

我使用的工作方法是将 1 而不是 0 传递给 Z 值：

在您的情况下，例如：'scale3d(2, 2, 1)'