ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript のマウスオーバー、マウスアウト停止イベントの解決策 bubble_javascript スキル

JavaScript のマウスオーバー、マウスアウト停止イベントの解決策 bubble_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 18:54:381298ブラウズ

IE には onmouseleave と onmouseenter がありますが、主要なブラウザとの互換性を望む Web 開発者にとっては依然として頭の痛い問題です。
インターネット上では Mozilla Firefox に対するいくつかの戦略がありますが、コードの量は楽観視できるものではありません。
より良い解決策を見つけたかったので、大小さまざまな国内の Web サイトを探しましたが、何も見つかりませんでした。結果は、W3C に関連するターゲットがあるため、結果は理想的でした。次の解決策を思いつきました:

コードをコピー コードは次のとおりです:

関数isMouseLeaveOrEnter(e, handler) {
if (e.type != 'mouseout' && e.type != 'mouseover') return false;
var reltg = e.popularTarget : e.type ? == 'mouseout' ? e .toElement : e.fromElement;
while (reltg && reltg != ハンドラー)
return (reltg != ハンドラー);


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