ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery イベントの詳細説明 マウスオーバーとマウスアウトは、マウスが子要素の上を通過したときにもトリガーされます

jQuery イベントの詳細説明 マウスオーバーとマウスアウトは、マウスが子要素の上を通過したときにもトリガーされます

黄舟
リリース: 2017-06-28 13:54:46
オリジナル
1660 人が閲覧しました

javascriptのmouseoverイベントとmouseoutイベントは、バインドされた要素内に子要素がある場合、

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

jquery解決策:

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

しかし、mouseenterとmouseleaveには小さな問題があります。イベントにバインドされた要素にドキュメントの外側から直接入力すると、mouseenter は有効になりません

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

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

以上がjQuery イベントの詳細説明 マウスオーバーとマウスアウトは、マウスが子要素の上を通過したときにもトリガーされますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート