touchmoveイベント
定義と使用法
ユーザーがスクリーン上で指を動かしたときにtouchmoveイベントが発生します。
touchmoveイベントは指が離されるまで常にトリガーされ、指が離されるまで続けられます。
ヒント:以下はtouchmoveイベントに関連する他のイベントです:
- touchstart - ユーザーが要素にタッチしたときに発生
- touchend - ユーザーが要素から指を離したときに発生
- touchcancel - ユーザーがスクリーン上で指を動かしたときに発生
例
ユーザーがP要素に指を移動するときにJavaScriptを実行します(タッチスクリーンのみ):
<p ontouchmove="myFunction(event)">タッチして!</p>
構文
HTMLで:
<element ontouchmove="myScript">
JavaScriptで:
object.ontouchmove = myScript;
JavaScriptでaddEventListener()メソッドを使用します:
object.addEventListener("touchmove", myScript);
技術的詳細
バブル: | サポート |
---|---|
キャンセル可能: | サポート |
イベントタイプ: | TouchEvent |
サポートされているHTMLタグ: | すべての HTML 要素 |
ブラウザサポート
このテーブルの数字は、そのイベントを完全にサポートする最初のブラウザバージョンを示しています。
イベント | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
touchmove | 22.0 | 12.0 | 52 | サポートされていません | サポートされていません |