<style>
#box{
width: 200px;
height: 200px;
border: 1px solid #000;
}
</style>
</head>
<body>
<div id="box"></div>
<script type="text/javascript">
var div = document.getElementById('box');
div.addEventListener('touchstart',function(event){
// var ev = event || ev;
event.preventDefault();
div.style.background = 'red';
},false);
//touchstart 当手指触摸屏幕时
div.addEventListener('touchmove',function(event){
// var ev = event || ev;
event.preventDefault();
div.style.background = 'pink';
},false);
//touchmove 当手指在屏幕上移动时
div.addEventListener('touchend',function(event){
// var ev = event || ev;
event.preventDefault();
div.style.background = 'yellow';
},false);
//touchend 当手指划过屏幕时
</script>
</body>
<style>
#box{
width: 200px;
height: 200px;
border
阅读背景：
移动端touch事件
来源：互联网
分享到：
