Mmemo

PC作業に関する覚書やweb制作記録。
無料で使える便利ツールやwebアプリも制作。サイト上(ブラウザ上)で動作。

[JS] 長押しか否かの判断を行い、異なる処理を実装する

概要

ボタンなどへのクリック(or 画面タップ)が長押しか否かの判断を行い、異なる処理を実装する。

イベントの発生順序

マウスでのクリックでは同じだが、画面タッチだと(すぐ離す or 長押し)で異なる結果となる。

クリックとタップ両方に対応した長押しの判断

500ミリ秒以上押すと長押しと判断。

.

使いやすいように関数化

.

コード

リンク: long-press.js