ホームページ  >  記事  >  ウェブフロントエンド  >  要素をバインドした後、mouseover イベントと Mouseout イベントが複数回トリガーされます_JavaScript ヒント

要素をバインドした後、mouseover イベントと Mouseout イベントが複数回トリガーされます_JavaScript ヒント

WBOY
WBOYオリジナル
2016-05-16 16:57:531362ブラウズ

JavaScript の Mouseover イベントと Mouseout イベントでは、バインドされた要素内に子要素がある場合、

がバインドされた要素を渡すときに、mouseover イベントと Mouseout イベントが複数回トリガーされます。

jquery の解決策:

jquery の Mouseenter メソッドと Mouseleave メソッドはこの問題を修正しており、mouseover と Mouseout の置き換えに直接使用できます

しかし、mouseenter と Mouseleave には小さな問題がありますイベントにバインドされた要素にマウスがドキュメントの外側から直接入った場合、mouseenter は有効になりません

一時的な解決策は、イベントにバインドされた要素をブラウザの端から遠ざけることです。少なくとも 1 ピクセルの間隔を空けるようにしてください。

さらに、jquery の hover() メソッドは、mouseenter および Mouseleave を使用するのと同等です。マウスオーバーとマウスアウトの問題も解決できます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。