mouseover イベントと mouseenter イベント
Sencha Ext JS で、
マウスカーソルのイベントを捕まえて、エレメントに CSS クラスを適用するなどの処理をしたいことがあります。
そんな時に、 mouseover
イベントをリッスンしたくなります。
しかし、 mouseover
イベントはカーソルがエレメントに乗ったときだけでなく、
ネストしたエレメントの上に乗ったときにも発火します。
最初にエレメントに乗ったときだけ発火すれば良いのにとうざく感じるかも知れません。
この場合には、 mouseenter
イベントを代わりに使います。
これですと対象のエレメントに最初に乗っかったときだけイベントが発火します。