在iPad上,当页面被“轻弹”时,页面继续以动力滚动。一旦手指离开屏幕,touchend事件就会触发,但同一个函数/事件中的setTimeout或setInterval只有在“动量”动画结束后才会触发。
奇怪没有?
var touchNo = 0;
function timedCount() {
touchNo = touchNo + 1;
console.log(touchNo);
}
function touchLoop() {
console.log('Finger removed'); // I fire immediately
setInterval(timedCount, 50); // I don't fire until scrolling is finished
}
document.addEventListener('touchend', touchLoop, false);