I have a website where the translations for static text are shown "on-hover" (while the user is hovering over the HTML element (e.g. h1, label, span)). This behaviour is implemented using the 'title' HTML attribute.
Some of the users are using iPads to browse the website, so I need to know if it possible to combine iPad's touch gestures to activate (show) the 'title' attribute. To be more specific, I want to know if it possible to show title using JavaScript (as it was hovered with a mouse).
The hover event in touch devices do not work in the way as it works in the PCs and laptops.
In touch devices,
the hover event is triggered when the user clicks on the element and it closes when the user clicks some where else.
So the title text is shown when the user clicks on it and it disappears after the user clicks some where else on the screen.
If you want the the title element to be displayed when the user places his/her fingers on the element (touching it) you have to handle html touch events and also create your own tooltip.
there is some explanation here