基本的なドラッグ アンド ドロップ テストを実装しようとしていたところ、奇妙な問題が発生しました。原因を絞り込むために、以下の例に簡略化しました。基本的に、ボックスの色を毎秒反転させるタイマーがあります。ページを読み込むと、問題なくボックスの色が交互に表示されます。
問題は、画面に触れると、色の更新が停止することに気付くでしょう! コンソール ログで確認できるため、イベントはまだ発生していますが、何らかの理由で実際の UI は変わりません。
何が起こっているのか、回避策があるかどうかを知っている人はいますか? 私はアンドロイド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>