这是我在网上找到别人的方法在自己的ipad项目中运用了,给一个小例子大家可以参考下
<style>
.mouseOn{background-color:red;}
.mouseOver{background-color:green;}
</style>
<script type="text/javascript">
window.onload = function() {
var but=document.getElementById('but');
var but1=document.getElementById('but1');
but.addEventListener("touchstart",function(){mouseOn('but');},true);
but.addEventListener("touchend",function(){mouseOver('but');},true);
but1.addEventListener("touchstart",function(){mouseOn('but1');},true);
but1.addEventListener("touchend",function(){mouseOver('but1');},true);
};
function mouseOn(obj){
document.getElementById(obj).className='mouseOn';
}
function mouseOver(obj){
document.getElementById(obj).className='mouseOver';
}
</script>
<BODY>
<div><button id="but" class="mouseOver">test</button><button id="but1" class="mouseOver">test1</button></div>
</BODY>