Double Tap/click Issue on iOS(iPhone, iPad) Devices – Solved

Solving The Double Tap Issue on iOS – iPhone, iPad Devices

The Click Event in iOS devices behave strangely. On Apple touch devices, the links can be accessed only after two taps on the link because the first tap trigger the hover event, and second tab trigger the click event. Most of user see that as a problem, but it’s actually the way it was intended. When there is an element that is displayed or hidden on hover, the first tap acts as hover. It is useful as well when you don’t miss out important content to your user.

But in some cases user may view it as an issue, because link should redirect when user click on any menu item.
So in that case you can use below code snippets.

Just make sure that you have added the meta tag for responsive website.

Now add the touchend event that trigger on user tap end

The touchend event will redirect the browser to the target of the link as soon as the tap finishes.

That’s it! I hope you found this article useful. If you have any question regarding this, Please leave a comment.





About Vijay Dhanvai

A passionate blogger by heart and mind, I have been working in this field for 7 years now. A WordPress Professional, web developer and designer who intends to guide his readers about Web Design, WordPress, Blogging, Web Development, and more.

Leave a Reply