Posted at

mouseover イベントと mouseenter イベント

More than 5 years have passed since last update.


mouseover イベントと mouseenter イベント

Sencha Ext JS で、

マウスカーソルのイベントを捕まえて、エレメントに CSS クラスを適用するなどの処理をしたいことがあります。

そんな時に、 mouseover イベントをリッスンしたくなります。

しかし、 mouseover イベントはカーソルがエレメントに乗ったときだけでなく、

ネストしたエレメントの上に乗ったときにも発火します。

最初にエレメントに乗ったときだけ発火すれば良いのにとうざく感じるかも知れません。

この場合には、 mouseenter イベントを代わりに使います。

これですと対象のエレメントに最初に乗っかったときだけイベントが発火します。