iPhone ve iPad gibi dokunmatik cihazlarda :hover efekti nasıl devredışı bırakılır?

Web site geliştirirken sıkça kullandığımız CSS kurallarından biri olan :hover taşınabilir cihazlarda bize bazen sorun çıkartabilir.

Bağlantıya tıkladığımızda eğer hover efektinde bazı atraksiyonlarımız varsa ilk tıklamada önce atraksiyonlarımızı gösteriyor, ikinci tıklamamızda da bağlantının asıl görevini yapıyor, yani ilgili sayfaya yönleniyor. Bu gibi durumunların çözümü için aşağıdaki kod parçacığını kullanabilirsiniz.

if ('createTouch' in document) { 
    try { 
        var ignore = /:hover/; 
        for (var i=0; i=0; j--) { 
            var rule = sheet.cssRules[j]; 
            if (rule.type === CSSRule.STYLE_RULE && ignore.test(rule.selectorText)) { 
                sheet.deleteRule(j); 
            } 
        } 
    } 
} 
catch(e){}