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 这里中找到如何使用流的更多信息。

Answer 2

我认为你没有正确选择div。

尝试：

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

因为它是个var，如示例中所示，或者：

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";
} 

实际上我还没有尝试过这个代码。但你应该有个主意。