javascriptについて


<div onclick="alert(2)">あいうえお<div onclick="alert(1)">かきくけこ</div></div>

とした場合、
「かきくけこ」をクリックすると、アラート1、アラート2が表示されます。

しかし、「かきくけこ」をクリックした時は、アラート2だけを表示したいと考えており、

アラート1は「あいうえお」をクリックした時だけにしたいのです。

うまく、そのようにする方法はあるのでしょうか。


タグの位置は変えられません。
他の都合で、どうしても入れ子にする必要があるのです。

また、実際にはアラートではなく他の動作をします。

宜しくお願いします。

回答の条件
  • 1人1回まで
  • 13歳以上
  • 登録:2016/04/02 20:56:25
  • 終了:2016/04/05 00:25:23

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4412ベストアンサー獲得回数18032016/04/02 21:16:41

ポイント100pt

質問文に合わせて onclick 属性に書くとしたら、こんな感じです。

<div onclick="alert(2)">あいうえお<div onclick="alert(1); event.stopPropagation();">かきくけこ</div></div>

https://developer.mozilla.org/ja/docs/Web/API/Event/stopPropagation

きっちり書くなら、addEventListener を使います。
イベントハンドラの引数が、イベントを表すオブジェクトになります。

他4件のコメントを見る
id:worldtravel

m(_ _)m ありがとうございます (^^

2016/04/05 00:25:06
id:worldtravel

結局、addEventListener を使う事にしました。
ありがとうございました。

2016/04/05 00:25:59

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません