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

因为它是样本中的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";
}

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

Dart .onMouseOver

3 个答案: