Dart .onMouseOver

Question

DivElement collectWoodHover = querySelector("#collectWood"); 

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

Hello!

Я прокрутил часть вещей в авто полностью в Дарте и нашел .onMouseOver.
Интересно, правильно ли я использую его, потому что он не работает. Элемент div всегда скрыт.

Спасибо за вашу помощь заранее.

Answer 1

Попробуйте что-то вроде :

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

onMouseOver - это поток. Вы можете найти дополнительную информацию о том, как использовать потоки в Dart here.

Answer 2

Я думаю, что вы не выбираете div правильно.

Try:

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

Потому что это переменная, как в образце, или:

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

если ДИВ идентификатор '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"; 
} 

Я на самом деле не пробовал этот код. Но вы должны получить эту идею.