javascript - ページをタッチに反応させる

Question

キャンバス写真を使用しようとしていますが、モバイル/タブで使用できるようにできません。

このスクリプトをタッチ イベントに応答させる方法を教えてください。また、スクリプトを開いているときに Android Stock Browser がクラッシュしました。

ここでデモを確認してください。

Answer 1

いつもこんな感じで使ってます

var touchdevice = ('ontouchstart' in window);
var START_EVENT = touchdevice ? 'touchstart' : 'mousedown';
var MOVE_EVENT = touchdevice ? 'touchmove' : 'mousemove';
var END_EVENT = touchdevice ? 'touchend' : 'mouseup';

そして、次のようなコードで使用します。

$('#something1').on(START_EVENT, function (event) {
  dosomething1(event);
});
$('#something2').on(END_EVENT, function (event) {
  dosomething2(event);
});
$('#something3').on(MOVE_EVENT, function (event) {
  dosomething3(event);
})

これにより、「マウス」イベントと「タッチ」イベントが自動的に切り替わります