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