不可視なオブジェクトではonmouseoverが発火しないらしい

公式な文書からは読み取ることができなかったけど、以下のように不可視な状態にしたdivのonmouseoverイベントが発火しなかった。

  • style.visibility = 'hidden'

あるいは

  • style.backgroundColor = 'transparent'

一応buttonオブジェクトも試してみたけど同じ。

もしかしたらほかのオブジェクトなら問題無いというのがあるのかもしれないけど、時間が無かったので、とりあえずdivのbackgroundColorを背景色と同じ色に設定することでお茶を濁した。

Firefoxとかでも同じなのかどうかまでは調べていない。