div 또는 html 요소 가시성이 "mouseenter"기능에 영향을 줍니까?

Question

내 div가 visibility:hidden으로 설정되면 동작이 onmouseenter 또는 onmouseout에 영향을 줍니까?

Answer 1

예. 요소는 문서 흐름에서 공간을 남겨두고 시각적으로 유지되지만 페이지에 시각적으로 표시되지 않기 때문에 마우스로 들어갈 수 없습니다.

Answer 2

숨겨진 내용이 페이지에 없습니다. 마우스 이벤트를 호출 할 수 없습니다.

Answer 3

예, 아직 흐름의 일부 공간을 포착하더라도 대화 할 수 없습니다.

See example here.

Answer 4

예 영향을받습니다. div가 숨겨 짐에 따라 mousein, mouseout 및 기타 관련 이벤트가 트리거되지 않습니다. 이 silly 바이올린을 확인하십시오.

$("#foo").mouseout(function(){ // This will stop being triggered once its invisible