PreventDefaultとStopPropagation

event.preventDefaultとevent.stopPropagationの違いは何ですか?

UnsplashのJESHOOTS.COMによる写真

一見、同じことをしていると言えます。おそらく、1つは古いもので、もう1つは新しいものです。推測をやめて、「event.preventDefaultとevent.stopPropagationの違いは何ですか?」という主な質問に答えましょう。ときに私が使用する必要がありますevent.preventDefault()とevent.stopPropagation()?一緒に調べてみましょう。

まず、「イベントの伝播とは」について知っておく必要があります。イベントの伝播は、イベントがDOMツリーを介して伝播してターゲットに到達する方法のメカニズムです。イベントの伝播には、次の3つのフェーズがあります。

  • キャプチャフェーズ-イベントはウィンドウから始まり、に達するまで続きますevent.target。
  • ターゲットフェーズ-イベントはに達しましたevent.target。
  • バブリングフェーズ-イベントは、event.target要素からウィンドウに到達するまでバブリングします。
  • イベントの伝播

このevent.preventDefault()メソッドは、要素のデフォルトの動作を防ぎます。form要素を使用すると、フォームの送信が妨げられます。a href要素を使用すると、ナビゲートできなくなります。contextMenu要素を使用すると、表示されなくなります。

event.preventDefault()ユーザーがページを離れてURLを開くことができません。

StopPropagation

このevent.stopPropagation()メソッドは、バブリングまたはキャプチャフェーズでのイベントの伝播を停止します。

href要素id =” child”のイベントは、子から親要素への伝播を停止します。

私はこの記事は参考になりました願って、あなたが使用する際に知っているevent.preventDefault()とevent.stopPropagation()。また、あなたは読むことができevent.stopImmediatePropagation()とevent.returnValue。

リソース

  • Event.preventDefault
  • Event.stopPropagation
  • event.preventDefaultとevent.stopPropagationの違いは何ですか?
  • 正しくpreventDefault()、stopPropagation()を使用する方法、またはイベントでfalseを返す方法は?
  • Javascriptでのイベントの伝播

提案された投稿

ドメイン名に関する情報の検索

Brian P. Hogan 著『Small, Sharp Software Tools』からの抜粋

ドメイン名に関する情報の検索

facebook.com にリクエストを送信すると、コンピュータはドメイン名を検索してそのドメイン名を IP アドレスに変換し、コンピュータが接続できるようにします。

ノーコード革命: Webflow、Framer、Bubble.io でビジネスの繁栄を解き放つ

ノーコード革命: Webflow、Framer、Bubble.io でビジネスの繁栄を解き放つ

これらの驚くべきノーコード プラットフォームの未開発の可能性を活用しながら、革新と成功のスリリングな旅に乗り出しましょう。注目すべき女性起業家であるサプナについての話をさせてください。

関連記事

緩やかな浸食: 人々がキャリアを無駄に浪費する方法を明らかにする

緩やかな浸食: 人々がキャリアを無駄に浪費する方法を明らかにする

今日のペースが速く競争の激しい世界では、個人の成長、経済的安定、そして人生全体の満足度において、個人のキャリアが重要な役割を果たしています。しかし、多くの人は停滞と不満の絶え間ないサイクルに陥っており、職業生活が徐々に消耗していきます。

ドメイン名に関する情報の検索

Brian P. Hogan 著『Small, Sharp Software Tools』からの抜粋

ドメイン名に関する情報の検索

facebook.com にリクエストを送信すると、コンピュータはドメイン名を検索してそのドメイン名を IP アドレスに変換し、コンピュータが接続できるようにします。

ポッドキャストが影響力を持つ理由は何ですか?

ポッドキャストが影響力を持つ理由は何ですか?

先週、私はPressGazette(英国のメディアニュースウェブサイト)経由で送信されたプレスリリースに気づきました。この記事は、スカンジナビアのポッドキャスト ホスティングおよび広告会社である Acast が、ポッドキャスティングにおいて「おそらく最も影響力のある」パブリッシャーのコンソーシアムを率いることになると発表しました。

ネットワークテレビツイッター

ネットワークテレビツイッター

古いものは再び新しくなり、以前はキラキラ輝いていたものがくすんで見えます。私は、JNCO ジーンズが 1990 年代後半の他のファッションとともにダウンタウンのクールな子供たちの間で復活したことについて話しているのではありません。