業務でウェブサイトを作成していて、iPhone、iPadでフローティングの枠外を押した時に閉じる処理が作用しないという問題に遭遇しました。 原因 HTMLで通常クリックが期待される要素以外ではイベントが発生しない。 そのため、クリックイベントを書いてもその処理が行われることがない。 クリックされることが期待される要素 button 要素、a 要素など クリックされることが期待されない要素 div 要素、span 要素、p 要素 など 解決方法 下記の方法だけではありませんが、最も簡単と思われる方法を2つ挙げます。 1. cursor:pointer のスタイルを指定 こちらは問題を調べたらすぐに出てきた解決方法です。 下記の理由からこちらの解決方法をとることはやめました。 実際には見えないが、カーソルが常に指型カーソルになっていると思うと、個人的には気持ち悪い
![iOS で、要素をタッチしてもクリックイベントが発生しない問題への対処 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b2193715ea9c3835277b40903783957b93419b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9aU9TJTIwJUUzJTgxJUE3JUUzJTgwJTgxJUU4JUE2JTgxJUU3JUI0JUEwJUUzJTgyJTkyJUUzJTgyJUJGJUUzJTgzJTgzJUUzJTgzJTgxJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgyJTgyJUUzJTgyJUFGJUUzJTgzJUFBJUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgyJUE0JUUzJTgzJTk5JUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgxJThDJUU3JTk5JUJBJUU3JTk0JTlGJUUzJTgxJTk3JUUzJTgxJUFBJUUzJTgxJTg0JUU1JTk1JThGJUU5JUExJThDJUUzJTgxJUI4JUUzJTgxJUFFJUU1JUFGJUJFJUU1JTg3JUE2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jYmE2MzljMjkyZjFmYzdhYjljZDYxNjkzZDY5OWExYw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrbXQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTY3YWNhMDVkY2E0MWE4MmNhZWY0MWMyZWM5ZWYzMTMz%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D55dc0dd26dc81673d3e100b2a3628433)