Question

我试图实施基本的拖放测试，并遇到了一个奇怪的问题。我将其简化为下面的示例以缩小原因。基本上，我有一个定时器，每秒钟翻转一个盒子的颜色。现在，当我加载页面时，您可以看到它交替显示框的颜色而没有问题。

问题是，如果你触摸屏幕，你会发现颜色更新停止发生！我的事件仍然被解雇，因为我可以在控制台日志中看到它，但由于某种原因，实际的UI不会改变。

有没有人知道发生了什么，以及是否有解决方法？我在Android 2.1上看到了这个。我最初遇到这个是因为我有触摸事件监听器试图拖放：）

谢谢！

window.onload=function(){

    setInterval("flipColor()", 1000);

}


function flipColor(){

    var color = document.getElementById("foo").style.backgroundColor;
    console.log("changing color, current it is "+color);
    if(color == "red")
        document.getElementById("foo").style.backgroundColor = "blue";
    else
        document.getElementById("foo").style.backgroundColor = "red";
}

在我的DOM中我只有这个 -

<div id="foo" style= "position:absolute; width:100px; height: 100px; background-color: red" ></div>

（浏览器）屏幕触摸似乎干扰重绘？

0 个答案: