JavaScript onClickイベントがスマホで発動しない!

JavaScript onClickイベントがスマホで発動しない!:


前提

  • JavaScript onClickイベントがブラウザの検証画面では動くのに、実機でみると動かない。
  • ハンバーガーメニューをタップしてもメニューが開かない。


解決方法

2つ試したことがあり、個人的には、①で解決した。


①クリック対象にcursor:pointer;を設定。

.button { 
 cursor: pointer; 
} 
これで解決した。ボタンと同じ機能が欲しかったらこれでOK!


②クリック対象にのみJavaScriptイベント登録

下記のように、documentに登録していたイベントを

$(document).on('click', '.button', function(){ /*... 処理 */ }); 
クリック対象にのみイベントを登録!

$('.button').on('click', function(){ /*... 処理 */ }); 
以上です。

コメント

このブログの人気の投稿

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2021-04-30 23:37:32 RSSフィード2021-04-30 23:00 分まとめ(42件)

投稿時間:2023-02-05 02:09:04 RSSフィード2023-02-05 02:00 分まとめ(9件)