touchmoveイベント
例
ユーザーがP要素上で指を動かしたときにJavaScriptを実行します(タッチスクリーンの場合のみ)。
<p ontouchmove="myFunction(event)">Touch me!</p>
定義と使用法
touchmoveイベントは、ユーザーが画面上で指を動かしたときに発生します。
touchmoveイベントは、移動ごとに1回トリガーされ、指を離すまでトリガーされ続けます。
注: touchmoveイベントは、タッチスクリーンを備えたデバイスでのみ機能します。
ヒント: touchmoveイベントに関連するその他のイベントは次のとおりです。
- touchstart-ユーザーが画面に触れたときに発生します
- touchend-ユーザーが要素から指を離したときに発生します
- touchcancel-タッチが中断されたときに発生します
ブラウザのサポート
表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。
Event | |||||
---|---|---|---|---|---|
touchmove | 22.0 | 12.0 | 52 | Not supported | Not supported |
構文
HTMLの場合:
<element ontouchmove="myScript">
JavaScriptの場合:
object.ontouchmove = myScript;
JavaScriptでは、addEventListener()メソッドを使用します。
object.addEventListener("touchmove", myScript);
技術的な詳細
泡: | はい |
---|---|
キャンセル可能: | はい |
イベントタイプ: | TouchEvent |
サポートされているHTMLタグ: | すべてのHTML要素 |