2016年06月17日スマホでクリックイベント「onclick」の感度が悪いと感じたら「ontouchend」を使おうスマホでクリックイベントの利用を考えた時に最初に浮かぶのがメニューでしょう。いわゆるハンバーガーメニューというやつです。右上か左上にあるこの「」アイコンの。PCのノリで「」アイコンに対して「onclick=”menuOpen()”」といった具合にしても基本的には問題ありません。PCに比べてクリックしてからの反応が何故か少し遅い気がする。感じたことはありませんか?あるからこの記事を見ているのでしょう。結論を言うと「onclick」でなく「ontouchend」を使うと速くなります。今度からはクリックイベントは「ontouchend」を使おう!と思った方は要注意!「ontouchend」はPCでは動作しません。レスポンシブデザインの場合すべてのクリックイベントを「ontouchend」にするのは下策です。ここで便利な方法を紹介します。jQueryで、PCはスマホか(厳密にいうとタッチが有効かどうか)を判断し「onclick」または「ontouchend」を要素に追加する方法です。この方法で、PCの「onclick」とスマホでサクサクの「ontouchend」を共存させることができます。ファンクション名);});要素に直接イベントを書き込むのでなく、jQueryで画面読み込み時にイベントを設置する形式です。みなさまのスマホサクサクライフに貢献できますように。