レスポンシブなサイトを作成していてモバイルの時によくある、メニューアイコンを押したら全画面にメニューが表示されてメニュー以外をクリックするとメニューが閉じる機能を作っていました。 Chromeの開発ツールでは意図したとおりに動作していたのですが、iPhone実機で確認した所メニュー以外の部分をタップしたらメニューを閉じる機能が動作していませんでした。 確認環境 iPhone 6S iOS 11.1.2 ブラウザ: Safari clickイベントが効かないパターンがあるっぽい 動作しなかった例 $(document).on('click', 'div.hitarea', function(){ /*... 処理 */ }); ※ 対象の要素を解りやすくするために敢えてdiv.hitareaと書いています どうやら$(document).onや$('body').on のようなイベントの登録
