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