一、解决浏览器调试移动端时出现点击事件没反应的问题
$(".btn_r").on('touchstart mousedown',function(){
bgInterval = setInterval(function () {
i++;
console.log("i:"+i)
$(".bg").css("-webkit-transform", "translateX(-" + i + "px)");
}, 30);
$(".Mario").css("-webkit-transform","rotate(0) rotateY(0deg)").addClass("run").removeClass("lhzd");
})
$(".btn_r").on('touchend mouseup',function(){
clearInterval(bgInterval);
console.log("i2:"+i)
$(".Mario").removeClass("run");
})
二 、移动端如 iphone、ipod Touch、ipad上的事件
pc端的页面鼠标会产生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件,但是在移动端如 iphone、ipod Touch、ipad上的web页面触屏时会产生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事件,分别对应了触屏开始、拖拽及完成触屏事件和取消。
当按下手指时,触发ontouchstart;
当移动手指时,触发ontouchmove;
当移走手指时,触发ontouchend。