1

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

问题是，如果您触摸屏幕，您会注意到颜色更新停止发生！我的事件仍然被触发，因为我可以在控制台日志中看到它，但由于某种原因，实际的 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>
4

0 回答 0