Jsバブリングイベントの詳細説明とブロック例_javascriptスキル
JS バブリング メカニズムは、要素がクリック イベントなどのイベント A を定義し、イベントがトリガーされてバブリング イベントがブロックされていない場合、イベントが親要素に伝播し、親のクリック関数をトリガーすることを意味します。クラス。
次の例に示すように:
なし
をクリックすると、「内側」が表示されます順番に「なし」でアップします。これがイベントバブリングです。
これも直感的には当てはまります。最も内側の領域が親ノード内にあるため、子ノードの領域をクリックすると実際には親ノードの領域をクリックするため、イベントが拡散します。 。
実際には、イベントがバブルアップすることを望まないことがよくあります。これは、同時に複数のイベントをトリガーすることになるためです。
次へ: innerdouble をクリックします。呼び出しメソッド ialertdouble() で stopBubble() メソッドを呼び出しているため、バブルが発生していないことがわかります。このメソッドはブラウザの種類 (つまり、cancleBubble() を使用し、Firefox は stopProgation() を使用します) を判断することでバブリングを防止します。
ただし、リンクの場合はバブリングは防止されますが、これはブラウザのデフォルトの動作です。これを防ぐには、preventDefault() メソッドを使用する必要があります。詳細については、ialertthree() を参照してください。
現在、jquery を使用してクリックイベントをバインドする方法が主流です。この場合、はるかに簡単になります。
イベントをクリックするときにパラメータ イベントを渡して、直接
event.stopPropagation();
event.preventDefault(); の場合は追加する必要はありません。リンクはありません。
以上です。
このフレームワークは優れていますが、実際にはイベント ハンドラーで false を返す、より簡単な方法があります。これは、イベント オブジェクトに対して stopPropagation() とPreventDefault() を同時に呼び出す簡単な方法です。
[上記の詳細なコードを参照してください。jquery.js をロードすることを忘れないでください。 ]
実際、各クリック イベントに判定を追加することもできます:
コードをコピー
分析: イベント ハンドラー内の変数イベントにはイベント オブジェクトが格納されます。 event.target 属性には、イベントが発生したターゲット要素が格納されます。この属性は DOM API で指定されていますが、すべてのブラウザーで実装されているわけではありません。 jQuery は、このプロパティをどのブラウザでも使用できるように、このイベント オブジェクトに必要な拡張を作成します。 .target を使用すると、最初にイベントを受信した DOM 内の要素 (つまり、実際にクリックされた要素) を特定できます。さらに、これがイベントを処理する DOM 要素を参照していることがわかっているため、上記のコードを書くことができます。
ただし、Jquery がイベントをバインドする場合は return false を使用することをお勧めします。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

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

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

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

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

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

ホットトピック











場合によっては、保護者による制限、時間管理、コンテンツ フィルタリング、さらにはセキュリティ上の懸念など、さまざまな理由から Microsoft Edge で特定の Web サイトをブロックしたいことがあります。共通の動機は、生産性を高め、集中力を維持することです。気を散らす Web サイトをブロックすることで、仕事や勉強に適した環境を作り出し、気を散らす可能性を最小限に抑えることができます。最後に、コンテンツ フィルタリングは、安全で敬意を持ったオンライン環境を維持するために重要です。露骨なコンテンツ、不快なコンテンツ、不快なコンテンツを含む Web サイトをブロックすることは、適切な基準と価値観を維持することが重要な教育現場や職業現場では特に重要です。この状況に共感できる方は、この記事を読んでください。 Edge でインターネットへのアクセスをブロックする方法は次のとおりです

クロージャでのメモリリークを防ぐにはどうすればよいでしょうか?クロージャは JavaScript の最も強力な機能の 1 つであり、関数のネストとデータのカプセル化を可能にします。ただし、クロージャでは、特に非同期やタイマーを扱う場合にメモリ リークが発生する傾向があります。この記事では、クロージャでのメモリ リークを防ぐ方法を説明し、具体的なコード例を示します。メモリ リークは通常、オブジェクトが不要になったにもかかわらず、そのオブジェクトが占有しているメモリを何らかの理由で解放できない場合に発生します。クロージャ内で、関数が外部変数を参照する場合、これらの変数は

iPhone で誰かからのテキスト メッセージをブロックするにはどうすればよいですか?ブロックしたい人からテキストメッセージを受け取った場合は、iPhone でメッセージを開く必要があります。メッセージを開いたら、上部にあるアイコンをクリックし、その下に携帯電話番号または送信者の名前を表示します。画面の右側にある [メッセージ] をクリックすると、この発信者をブロックするオプションを含む別の画面が表示されます。このボタンをクリックして、「連絡先をブロック」を選択します。この電話番号ではテキスト メッセージを送信できなくなり、iPhone への通話もブロックされます。 iPhoneでブロックされている連絡先のブロックを解除するにはどうすればよいですか?ブロックされた相手からのメッセージの送信を許可することにした場合は、iPhone でいつでもブロックを解除できます。 iPhone で連絡先のブロックを解除するには、次のことを行う必要があります。

バブリング イベント (BubblingEvent) は、DOM ツリー内の子要素から親要素へ段階的にトリガーされるイベント配信メソッドを指します。ほとんどの場合、バブリング イベントは非常に柔軟でスケーラブルですが、イベントがバブリングをサポートしない特殊なケースがいくつかあります。 1. バブリングをサポートしていないイベントはどれですか?ほとんどのイベントはバブリングをサポートしていますが、バブリングをサポートしていないイベントもあります。バブリングをサポートしない一般的なイベントは次のとおりです。 フォーカス イベントとブラー イベントのロードとアンロード

バブルできないイベントは次のとおりです: 1. focus イベント、2. Blur イベント、3. スクロール イベント、4. Mouseenter および MouseLeave イベント、5. Mouseover および MouseOut イベント、6. Mousemove イベント、7. keypress イベント、8. beforeunload イベント; 9. DOMContentLoaded イベント; 10. イベントの切り取り、コピー、貼り付けなど。

場合によってはイベントが発生しないのはなぜですか?イベント バブリングとは、要素上のイベントがトリガーされると、イベントが最も内側の要素から最も外側の要素に渡されるまで上向きに伝播することを意味します。ただし、場合によっては、イベントをバブルさせることができません。つまり、イベントはトリガーされた要素上でのみ処理され、他の要素には渡されません。この記事では、いくつかの一般的な状況を紹介し、イベントがバブルに失敗する理由について説明し、具体的なコード例を示します。イベント キャプチャ パターンを使用する: イベント キャプチャは、イベント バブリングとは対照的に、イベント配信のもう 1 つの方法です。

JavaScript における一般的なバブリング イベント: 一般的なイベントのバブリング特性を習得するには、特定のコード例が必要です。 はじめに: JavaScript では、イベント バブリングとは、イベントが最も深いネスト レベルを持つ要素から開始され、イベントが終了するまで外側の要素に伝播することを意味します。最も外側の親要素に伝播します。一般的なバブリング イベントを理解し、習得することは、ユーザー インタラクションやイベント処理をより適切に処理するのに役立ちます。この記事では、一般的なバブリング イベントをいくつか紹介し、読者の理解を助ける具体的なコード例を示します。 1. クリックイベント(クリック

バブリングイベントを防ぐために一般的に使用されるコマンドは何ですか? Web 開発では、イベントのバブリングを処理する必要がある状況によく遭遇します。クリック イベントなどのイベントが要素でトリガーされると、その親要素も同じイベントをトリガーします。イベント配信のこの動作は、イベント バブリングと呼ばれます。場合によっては、イベントがバブルアップするのを防ぎ、イベントが現在の要素でのみ発生し、上位の要素に渡されないようにしたい場合があります。これを実現するには、バブリング イベントを防ぐいくつかの一般的なディレクティブを使用できます。イベント.ストッププロパ
