Javascript touchmove活动获胜';缩放图像后t触发(缩放3D)

Javascript touchmove活动获胜';缩放图像后t触发(缩放3D),javascript,javascript-events,scale,css-transforms,touchmove,Javascript,Javascript Events,Scale,Css Transforms,Touchmove,正如你在这里看到的: 通过在图像缩放时执行touchmove,可以在控制台中验证touchmove事件是否按预期附加。但当完全缩放时,事件不会触发。 我试图将事件附加到transitionend上,但也没有成功 代码如下: var handleStart = function() { this.style.webkitTransition = 'all 3s linear' this.style.webkitTransform = 'scale3d(2, 2, 0)' t

正如你在这里看到的: 通过在图像缩放时执行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)
有什么想法吗?
谢谢

使用Z值==0的scale3d时会出现问题

我使用的周围的功向Z值传递1而不是0:


在您的例子中,类似于:“scale3d(2,2,1)”

始终处理touchmove(您在touchstart处理程序之后添加一次evt列表)更简单,并且让一个布尔值告诉您转换是否正在进行。Rq:您的代码可能会多次添加事件侦听器/触发多个转换(多点触控情况)。像这样吗?这个问题似乎确实与scale3d的使用有关。我尝试使用translate3d进行测试,但在转换后事件会继续触发。如果情况如此清楚(translate3d可以,scale3d有问题),您可能已经发现了一个bug。。。