スマホでボタンにタッチした際に処理を動作させたい

Question

スマホサイトをHTML/CSS/Javascriptで作ったのですが
スマホでボタンをタップすると動作しません。。
しかしPCでは動作します。
現在はマウスイベントを使用しています。
マウスイベントだといけないのでしょうか？
どなたか解決策やサンプルコード宜しくお願いします。

Answer 1

タッチイベントを使うと良いかと思います。
スマホの場合PCのようにマウスポインタを使うことはないので。
直接タッチして操作をする場合は、タッチイベントを使用します。
例えば、アーコディオンメニューの場合だと

<section class=“acc”>
<h1>アーコディオン
<div>
<p>テスト</p>
</div>
</section>

に囲まれた<h1><div>があったとします。
これらをtouch startイベントの関数内でアーコディオンを閉鎖しています。
手元にサンプルがないですが、タッチイベントを使用することになるかと思います。