在HTML5網頁動畫遊戲中用滑鼠來控制

但到了mobile browser 上就不管用, 手指滑動時只見網頁在移動.

在PC上,Browser JavaScript 用mousemove 來偵測滑鼠的移動訊號.

但到了  Mobile Browser 上後, 這招就不管用了.

這時我們該用touchmove來偵測手指點銀幕的信號: (見參考連結)


$(window).bind('touchmove', function(jQueryEvent) { jQueryEvent.preventDefault(); var event = window.event; $('#status').html('x='+event.touches[0].pageX + ' y= ' + event.touches[0].pageY); });

或是合併mousemove touchmove兩者一起偵測:




未處理touchmove 訊號前,手指點銀幕只見網頁會移動.
處理touchmove訊號後,我們的動畫會被訊號控制, 而網頁就不動了.

• 跳跳堡娃 起步 BouncyCastle Dolls Basis

• 跳跳堡娃 遊戲 雙娃

• 跳跳堡娃 遊戲 三娃

• 跳跳堡娃 遊戲 四娃

• 跳跳堡娃 遊戲 五娃