マウスオーバーを処理するために 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)
});
まず、イベントの現在のノード、つまり 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 までご連絡ください。

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

ホットトピック
Gmailメールのログイン入り口はどこですか?
7303
9


Java チュートリアル
1622
14


CakePHP チュートリアル
1342
46


Laravel チュートリアル
1259
25


PHP チュートリアル
1207
29



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

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

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

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