解决浏览器调试移动端时出现点击事件没反应的问题

一、解决浏览器调试移动端时出现点击事件没反应的问题

$(".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。