Does the div or any html element visibility affect the "mouseenter" function?

Question

如果我的 div 设置为visibility:hidden会影响onmouseenter或onmouseout函数的行为吗？

Answer 1

Yes it will. Despite that the element remains visually in the document flow by leaving a space, you can't mouse-in to it because it is not visually on the page.

Answer 2

Something which is hidden is absent in the page. so you can't invoke any mouse events.

Answer 3

Yes, although it still catches some space in the flow, you can't interact with it.

See example here .

Answer 4

yes it will get affected. As the div is hidden, mousein, mouseout and other related events will not be triggered. Check this silly fiddle.

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