縮放圖像後，touchmove事件不會觸發（scale3d）

正如您在此處看到的：http://jsfiddle.net/hWm9M/1/ 通過在圖像縮放時執行touchmove，您可以在控制檯中驗證touchmove事件是否按預期連接。但是，當完全縮放時，事件不會觸發。我試圖在transitionend上附加事件，但它也沒有奏效。縮放圖像後，touchmove事件不會觸發（scale3d）

下面是代碼：

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)

任何想法？謝謝！

你的情況是這樣的：：「scale3d

來源

2013-06-19 inwpitrust

處理觸摸移動一直很簡單（在touchstart處理程序後添加一次evt列表），並讓布爾值告訴您是否正在進行轉換。 Rq：您的代碼可能會添加多次事件監聽器/觸發多個轉換（多點觸控的情況）。 – GameAlchemist

像那樣http://jsfiddle.net/53kd8/1/？這個問題似乎與使用scale3d有關。我試圖使用translate3d進行測試，並且事件在轉換後繼續觸發。 – inwpitrust

好，如果情況很清楚（確定translate3d，帶有scale3d的越野車），您可能只是發現了一個錯誤... – GameAlchemist

當您使用scale3d與Z值== 0

工作以防萬一我用的是經過1，而不是0到Z值的問題發生（2,2,1）'

來源

2013-07-01 19:39:55 ZoserLock

縮放圖像後，touchmove事件不會觸發（scale3d）

回答

相關問題