ホームページ  >  記事  >  ウェブフロントエンド  >  マウスアウト、マウスオーバー、その他同様のイベントに基づくバブリング問題の解決策_JavaScript スキル

マウスアウト、マウスオーバー、その他同様のイベントに基づくバブリング問題の解決策_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 17:14:291026ブラウズ

最近何かを書いているのですが、これは非常に気になるものです。ポップアップ レイヤーの上に他の要素が置かれているのですが、本来の目的は、マウスがポップアップ レイヤーから離れるときにいくつかのアクションが実行されることです。実際のアプリケーションでは、マウスがポップアップ レイヤー内の要素を離れると、これらのアクションもアクティブになります。イベントのバブリングを停止するためにブラウザーのさまざまな方法を試しましたが、どれも機能しませんでした。

私たちの javaeye にはまだ多くの専門家がいます。友人のブログで次のコードを見つけました。

コードをコピーしますコードは次のとおりです。

function isMouseLeaveOrEnter(e, handler) {
if (e.type != 'mouseout' && e.type != 'mouseover') return var reltg = e .reledtarget? E.reledtarget: e.type == 'Mouseout'? E.Toelement: E.fromelement;
Retg = de; > Return ( reltg != handler);
}


このメソッドは、現在の要素がマウスアウトイベントを実行する必要がある要素であるかどうかを判断し、上記の問題を回避します。 。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。