다트 .onMouseOver

Question

DivElement collectWoodHover = querySelector("#collectWood"); 

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

안녕하세요!

나는 다트의 자동 완성품에있는 것들 중 일부를 훑어보고 .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"; 

사업부 아이디 인 경우는 '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"; 
} 

이 코드는 실제로 사용하지 않았습니다. 그러나 당신은 아이디어를 얻어야합니다.