JavaScript - タッチ操作時に処理を呼び出す

touchstart

touchstart イベントは、タッチ平面上に1つ以上のタッチポイントが配置されたときに発生します。

window.addEventListener("touchstart", function(event) {
  console.log("タッチされました");
});
touchstart イベント
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
×125222××
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

touchend

touchend イベントは、タッチ平面から1つ以上のタッチポイントが取り除かれた場合に発生します。

window.addEventListener("touchend", function(event) {
  console.log("タッチが終わりました");
});
touchend イベント
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
×125222××
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

touchcancel

touchcancel イベントは、1つ以上のタッチ点が実装特有の規則で破棄されたとき (例えば、作成されたタッチ点の数が多すぎるなど) に発生します。

window.addEventListener("touchcancel", function(event) {
  console.log("タッチがキャンセルされました");
});
touchcancel イベント
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
×125222××
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

touchmove

touchmove イベントは、タッチ平面に沿って1つ以上のタッチポイントが移動した場合に発生します。

window.addEventListener("touchmove", function(event) {
  console.log("タッチが移動(フリック)されました");
});
touchmove イベント
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
×125222××
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

関連記事

Category:
プログラミング
公開日:
更新日:
Pageviews:
15
Shares:
1
Tag:
JavaScript
コードレシピ