iosでmouseover(hover)がかかるところでclickできない【javascript】

iosでmouseoverの処理がある部分のclickが動かないなぁ...と思って調べたら、そもそもそういう仕様らしい。

以下引用

Apple のドキュメント によると、タップの際に mouseover, mousemove, mousedown, mouseup, click の順でイベントが発生するが、mouseover, mousemove のところでコンテンツに変化があると、それ以降のイベントは発生しないとのこと。

CSS - iOS Safari/WebView にも :hover はある - Qiita

というわけで、もしmouseoverなどでイベント拾ってる場合はそこに処理を記述するか、
mouseoverの処理の後に.click()の処理が必要。

( ･´ｰ･｀)

Effective JavaScript　JavaScriptを使うときに知っておきたい68の冴えたやり方