如您所见: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)
有什么想法吗? 谢谢!
答案 0 :(得分:1)
当您使用带有Z值== 0
的scale3d时会出现问题我使用的工作是将1传递而不是0传递给Z值:
在你的情况下:'scale3d(2,2,1)'