対象を押した瞬間にイベントを受け取るには、
pointerdown
、
touchstart
、
mousedown
イベント等を使用します。
リトルうさぎをタッチすると跳ね上がるサンプルです。
PointerEvent
は、
MouseEvent
と
TouchEvent
を統合したような機能です。
PointerEvent
の方が新しいため、サポートしているのならこちらを使用します。
touchdown
は放っておくと
mousedown
も発生してしまうため、デフォルトの動作は無効にします。
if(window.PointerEvent)
{
node.addEventListener("pointerdown", onPress, false);
}else
{
node.addEventListener("touchstart", onPress, false);
node.addEventListener("mousedown", onPress, false);
}
function onPress(event)
{
if(event.cancelable){ event.preventDefault(); }// デフォルトの動作を無効
/*
タッチ時の処理
*/
}