touchcancel イベント

DOM イベント TouchEvent

定義と使用法

touchcancel イベントはタッチイベントが中断されたときに発生します。

異なるデバイスは異なるアクションでタッチイベントが中断されることがあります。この「エラー」が発生した場合、このイベントを含めてコードをクリーンアップするのは良い習慣です。

注釈：touchcancel イベントはタッチスクリーン付きのデバイスにのみ適用されます。

ヒント：以下は touchcancel イベントに関連する他のイベントです：

  • touchstart - ユーザーが要素にタッチしたときに発生
  • touchend - ユーザーが要素から指を離したときに発生
  • touchmove - ユーザーがスクリーン上で指を動かしたときに発生

例

タッチが中断されたときに JavaScript を実行します（タッチスクリーンのみ）：

<p ontouchcancel="myFunction(event)">タッチして！</p>

自分で試してみてください

構文

HTML で：

<element ontouchcancel="myScript">

自分で試してみてください

JavaScript で：

object.ontouchcancel = myScript;

自分で試してみてください

JavaScript で addEventListener() メソッドを使用する：

object.addEventListener("touchcancel", myScript);

自分で試してみてください

技術的詳細

バブル： サポート
キャンセル可能： サポート
イベントタイプ： TouchEvent
サポートされている HTML タグ： すべての HTML 要素

ブラウザサポート

表の数字は、そのイベントを完全にサポートする最初のブラウザバージョンを示しています。

イベント Chrome IE Firefox Safari Opera
touchcancel 22.0 12.0 52 サポートされていません サポートされていません
DOM イベント TouchEvent