Any suggestions on how to handle this?

m2244 · 01-16-2013, 07:31 PM

Hello,

I am trying to update our site so that it works well on mobile devices. We have links with hover states and an onclick event. This creates a problem on mobile devices. When you try to click (touch) on the link you get the hover state, than you must click again to get the click event.

I am worried that I will need to create some code similar to this:

Code:

if(mobile_device)
{
     look for all instances of link code and remove hover state;
{

Code:

<a class="glossaryLink" href="#" onmouseover="onRollOverPULink(event, 'IT');"onmouseout="onRollOutPULink(event);" onclick="showHideGlossary('IT')">

Can anyone help me out here?

rnd me · 01-17-2013, 12:27 AM

it's easy enough:

Code:

if(navigator.userAgent.match(/(mobile|android|ios)/i)){
  [].slice.call(document.querySelectorAll("a[onmouseover]")).map(function(a){
     a.onmousover= a.onmouseout= null;
  });
}

m2244 · 01-17-2013, 03:27 PM

Why was this moved? I guess I should have mentioned jQuery Mobile.