function touchMove(event) {
if(event.touches.length > 1 || event.scale && event.scale !== 1 ) return;
var touch = event.targetTouches[0];
endPos = {x:touch.pageX - startPos.x,y:touch.pageY - startPos.y};
isScrolling = Math.abs(endPos.x) < Math.abs(endPos.y) ? 1:0;
clearInterval(auto);
if(isScrolling === 0){
clearTimeout(timeOutEvent);
event.preventDefault();
oUl.style.left = iLeft + endPos.x + 'px';
}
}
function touchEnd(event) {
if(window.endPos) {
if( endPos.x < -30 ) {
oBtnNext.onclick();
}
else if( endPos.x > 30 ) {
oBtnPrev.onclick();
}
endPos.x = 0;
}
auto = setInterval(oBtnNext.onclick,5000);
clearTimeout(timeOutEvent);
oUl.removeEventListener("touchmove", touchMove, false);
document.removeEventListener("touchend", touchEnd, false);
}
function longPress(){
timeOutEvent = 0;
return true;
}
}
//自动播放
var auto = setInterval(oBtnNext.onclick, 5000);
oPPager.onmouseover = oBtnPrev.onmouseover = oBtnNext.onmouseover = oUl.onmouseover = function(){
clearInterval(auto);
}
oBtnPrev.onmouseout = oBtnNext.onmouseout = oUl.onmouseout = function() {
auto = setInterval(oBtnNext.onclick, 5000);
}
做了一个移动端跟PC通用的幻灯片效果,别的浏览器都没问题,但是QQ内置浏览器和微信内置浏览器(平板上这个2个内置浏览器又正常...),手指划快一点后,自动播放就会变的飞快,如果拿掉最后的oUl.onmouseout = function() {auto = setInterval(oBtnNext.onclick, 5000);}问题又不会出现,所以我想是不是onmouseout对touchend有影响,请问一下大家,这个该怎么解决。