處理觸摸開始和觸摸結束事件

我正在嘗試爲觸摸設備製作基於畫布的益智遊戲，並且我正在努力處理觸摸事件。我希望touchFunction可以觸發兩次，一次用於touchstart事件，一次用於觸發事件，具有適當的x和y座標。處理觸摸開始和觸摸結束事件

下面是我的，它適用於touchstart，但沒有什麼touchend，任何人都可以指出我的問題是什麼請嗎？任何幫助將是偉大的，謝謝。

canvas.addEventListener('touchstart', touchFunction, false); 
    canvas.addEventListener('touchend', touchFunction, false); 


    function touchFunction(ev) { 
    console.log(ev.touches[0].pageX + " " + ev.touches[0].pageY); 
    }

來源

2012-11-06 mao

你看過touchmove事件嗎？

這會給你當前'按'所在的x-y座標。非常類似於mousemove。

來源

2012-11-06 16:29:59 Halcyon

是的，但我只想要觸摸的最後位置那麼我怎樣才能將最後一個touchmove位置與touchend事件結合起來呢？ – mao

跟蹤'touchmove'上的最後一個座標。通常當我寫這些類型的處理程序時，'start'事件只是表示我要開始監聽'move'，而'end'表示我需要完成最後捕獲的位置。 – Halcyon

好的，謝謝，所以我有一個函數將touchmove上的x＆y位置設置爲touchend事件可以使用的變量。感謝幫助。 – mao

你可能想看看像hammer.js一個抽象層，這樣你可以處理鼠標事件，以及各種特定於平臺的觸摸事件：http://eightmedia.github.com/hammer.js/

來源

2013-02-22 11:41:51 jaap3

處理觸摸開始和觸摸結束事件

回答

相關問題