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

我实际上还没有尝试过这段代码。但你应该明白这一点。