想要在iPad中更改按钮图像时用户点击

正如我们所知iPad上悬停效果不允许，但我想在用户单击按钮时更改按钮图像。下面的CSS工作很好，除了iPad和iPhone设备。想要在iPad中更改按钮图像时用户点击

.back-btn { 
background: url("images/sprite.png") no-repeat scroll 0 0 transparent; 
} 
.back-btn:hover, .back-btn:active { 
background: url("images/sprite.png") no-repeat scroll 0 -10px transparent; 
}

由于 AV

来源

2012-08-30 The AV

问题是你需要寻找的touchstart事件为iPad识别它，并可以以其他方式设置悬停事件。用一点浏览器嗅探 - 繁荣，你应该很好去。（jQuery的明智）

var ua = navigator.userAgent, 
    event = (ua.match(/iPad/i)) ? "touchstart" : "hover"; 

$(".back-btn").bind(event, function(e) { 
    $(this).css('background', 'url("images/sprite.png") no-repeat scroll 0 -10px transparent;'); 
});

More information on html5 touch events here.

来源

2012-08-30 05:09:57

真棒解决方案，扑通最多 –

其做工精细，但一旦我们点击该点击图片逗留，因为它是按钮，是有可能的是，当用户释放该按钮比原始图像会出现？ –

somthing like this effect http://jsfiddle.net/3JBaZ/ onclick bg颜色变化，但是当用户释放它原来的css替换，我想为iPad同样的完美例子 –