飞镖 .onMouseOver答案

【问题标题】：Dart .onMouseOver飞镖 .onMouseOver
【发布时间】：2014-01-05 10:28:10
【问题描述】：

DivElement collectWoodHover = querySelector("#collectWood");

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

你好！

我正在浏览 Dart 中自动完成功能中的一些内容，并找到了 .onMouseOver。
我想知道我是否正确使用它，因为它似乎不起作用。 div 元素始终是隐藏的。

提前感谢您的帮助。

【问题讨论】：

标签： dart dart-html

【解决方案1】：

尝试类似：

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

onMouseOver 是一个流。您可以在 Dart here 中找到更多关于如何使用流的信息。

【讨论】：

有什么方法可以在 onmousevoer 中获取元素 id 吗？

【解决方案2】：

onMouseOver 是一个事件流。你像这样使用它：

DivElement collectWoodHover = querySelector("#collectWood");

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

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

我还没有真正尝试过这段代码。但你应该明白了。

【讨论】：

【解决方案3】：

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

试试：

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

因为它是示例中的 var，或者：

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

如果 div id 是 'onHover' 应该可以工作

【讨论】：