ホームページ ウェブフロントエンド jsチュートリアル マウスオーバーを処理するために Jquery プラグインを拡張すると、_jquery 内に子要素があるとスタイルがちらつきます。

マウスオーバーを処理するために Jquery プラグインを拡張すると、_jquery 内に子要素があるとスタイルがちらつきます。

May 16, 2016 pm 05:58 PM
子要素

解決策は次のとおりです。
まず、イベントの現在のノード、つまり jquery の currentTarget がターゲット、つまり次の拡張子 $.containsNode に含まれているかどうかを判断します。
次に、hover が呼び出されたときのマウスオーバーイベントとマウスアウトイベントで、currentTarget がターゲット、つまり $.fn.fhover 拡張子に含まれるかどうかを判断します。
以下は関連するコードです。
コードをコピー コードは次のとおりです。

$.containsNode = function(parentNode, childNode) {
if (parentNode.contains) {
returnparentNode != childNode &&parentNode.contains(childNode);
} else {
return !!(parentNode.compareDocumentPosition(childNode) & 16); >}
}
$ .fn.fhover = function(over, out) {
this.hover(function(e) {
if ($.containsNode(e.target, e.currentTarget )) {
return;
}
over.call(this, e);
}, function(e) {
if ($.containsNode(e.target, e.currentTarget) )) {
return;
}
out.call(this, e)
});
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

jQueryの最後の子要素を削除するにはどうすればよいですか? jQueryの最後の子要素を削除するにはどうすればよいですか? Feb 19, 2024 pm 09:40 PM

jQueryの最後の子要素を削除するにはどうすればよいですか?

イベントのバブリング メカニズムを理解する: 子要素をクリックすると親要素のイベントに影響を与えるのはなぜですか? イベントのバブリング メカニズムを理解する: 子要素をクリックすると親要素のイベントに影響を与えるのはなぜですか? Jan 13, 2024 pm 02:55 PM

イベントのバブリング メカニズムを理解する: 子要素をクリックすると親要素のイベントに影響を与えるのはなぜですか?

:nth-child(n+3) 擬似クラス セレクターを使用して、位置が 3 以上の子要素のスタイルを選択します。 :nth-child(n+3) 擬似クラス セレクターを使用して、位置が 3 以上の子要素のスタイルを選択します。 Nov 20, 2023 am 11:20 AM

:nth-child(n+3) 擬似クラス セレクターを使用して、位置が 3 以上の子要素のスタイルを選択します。

jQueryを使用して要素の最後の子要素を削除します jQueryを使用して要素の最後の子要素を削除します Feb 26, 2024 pm 12:39 PM

jQueryを使用して要素の最後の子要素を削除します

:nth-child 疑似クラス セレクターを使用して、特定の位置にある子要素を選択するための CSS スタイル :nth-child 疑似クラス セレクターを使用して、特定の位置にある子要素を選択するための CSS スタイル Nov 20, 2023 pm 04:43 PM

:nth-child 疑似クラス セレクターを使用して、特定の位置にある子要素を選択するための CSS スタイル

jQuery を使用して要素に子要素が含まれているかどうかを確認する方法 jQuery を使用して要素に子要素が含まれているかどうかを確認する方法 Feb 28, 2024 am 11:03 AM

jQuery を使用して要素に子要素が含まれているかどうかを確認する方法

jQueryは要素に子要素があるかどうかを判定する機能を実装します jQueryは要素に子要素があるかどうかを判定する機能を実装します Feb 28, 2024 pm 12:54 PM

jQueryは要素に子要素があるかどうかを判定する機能を実装します

jQuery の例: jQuery を使用して最後の子要素を削除するにはどうすればよいですか? jQuery の例: jQuery を使用して最後の子要素を削除するにはどうすればよいですか? Feb 20, 2024 pm 07:45 PM

jQuery の例: jQuery を使用して最後の子要素を削除するにはどうすればよいですか?

See all articles