缩放图像后,touchmove事件不会触发(scale3d)

时间:2013-06-19 20:18:47

标签: javascript javascript-events scale css-transforms touchmove

如您所见: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)

有什么想法吗? 谢谢!

1 个答案:

答案 0 :(得分:1)

当您使用带有Z值== 0

的scale3d时会出现问题

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

在你的情况下:'scale3d(2,2,1)'