Dart .onMouseOver

Question

DivElement collectWoodHover = querySelector("#collectWood"); 

if (collectWoodHover.onMouseOver == true) { 
    querySelector("#collectWoodHover").style.display = "block"; 
} else { 
    querySelector("#collectWoodHover").style.display = "none"; 
} 

您好！

我甩了一下Dart的汽車完整的東西，發現.onMouseOver。
我不知道我是否正確使用它，因爲它似乎沒有工作。 div元素始終隱藏。

感謝您的幫助提前。

Answer 1

試着這麼做：

collectWoodHover.onMouseOver.listen((event) { 
    print('onMouseOver!'); 
}); 

onMouseOver是一個流。您可以在Dart here中找到更多信息。

Answer 2

我認爲你沒有正確選擇div。

嘗試：

querySelector(collectWoodHover).style.display = "block"; 

因爲它是一個變種的樣本，或：

querySelector("#onHover").style.display = "block"; 

如果在div id爲 'onHover選項'，應該工作

Answer 3

onMouseOver是一個事件流。 您使用它像：

DivElement collectWoodHover = querySelector("#collectWood"); 

collectWoodHover.onMouseOver.listen((e) => 
    e.target.style.display = "block"; 
} 

collectWoodHover.onMouseOut.listen((e) => 
    e.target.style.display = "none"; 
} 

我還沒有實際試過這段代碼。但你應該明白這個主意。