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

WBOY
リリース: 2016-05-16 17:14:29
オリジナル
996 人が閲覧しました

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

私たちの 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);
}


このメソッドは、現在の要素がマウスアウトイベントを実行する必要がある要素であるかどうかを判断し、上記の問題を回避します。 。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!