在iOS上使用Safari单击时更改链接的CSS

Question

I have this Javascript on my site with Jquery:

$("a").on("click", aClicked);

function aClicked(e)
{
    $(this).addClass("clicked");
    // e.preventDefault();
    return true;
}

The css for class "clicked" changes the background color for this link.

It works fine on mobile devices with Android/Chrome browser. The color is changed, the link is followed.

It does not work with on iOS with Safari or WKWebView. It does work with UIWebView. My current device is iphone6+/ios9.3.

When I uncomment // e.preventDefault(); it does work, but the link is not followed of course. So to me it seems, that safari is too clever and does not render the page when it follows the link anyway?

I don't want solutions regarding tap-highlight-color or :active or :hover pseudo class for some reasons.

How can I fix it? Or did I miss something else?

Answer 1

我将其与Jquery mobile一起更改为“ tap”而不是“ click”，并且可以正常工作。

$("a").on("tap", aClicked);

Answer 2

Try this work around... add a cursor pointer to the element $('a').css('cursor','pointer'); or try on focus instead of on click event