jQueryのイベントバブリングとtargetプロパティ

求人

jQueryではイベントバブリングと呼ばれる仕組みがあります。

イベントバブリングとはある要素Aでイベントが発生すればそのイベントは要素Aの親要素にも伝わっていくことを言います。

以下、例です。「あいうえお」と「かきくけこ」の部分をクリックするとアラートされます。

DEMO

子要素のイベントが親要素に伝わるわけですから、最初から親要素にイベント処理を記述するのと同じことになります。

以下のように書き換えてもテーブル内をクリックするとアラートされます。

DEMO

clickイベント内ではtargetというものがあります。

targetを使うとクリックイベントが発生する子要素のみを取得することができます。

DEMO

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA